Youtube

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="122.199"
        x2="432.777"
        y1="122.198"
        y2="432.776"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1d1d1b" />
        <stop offset=".369" stop-color="#1d1d1b" stop-opacity=".856" />
        <stop offset=".75" stop-color="#1d1d1b" stop-opacity=".429" />
        <stop offset="1" stop-color="#1d1d1b" stop-opacity="0" />
    </linearGradient>
    <circle cx="256" cy="256" r="250" fill="red" />
    <path
        fill="url(#a)"
        d="M505.333 237.734 418.4 150.805a44.513 44.513 0 0 0-27.3-13.268c-45.035-5.122-90.071-5.122-135.106-5.122s-90.723 0-135.106 5.122c-18.928 1.921-34.592 16.009-39.161 34.579-6.527 26.894-6.527 56.35-6.527 83.885 0 28.174 0 56.989 6.527 83.884A46.3 46.3 0 0 0 93.6 361.2l144.133 144.132q9.049.654 18.267.668c138.071 0 250-111.929 250-250q0-9.216-.667-18.266z"
        opacity=".49"
    />
    <path
        fill="#fff"
        d="M430.267 172.116c-4.569-18.57-20.234-32.658-39.161-34.579-45.035-5.122-90.071-5.122-135.107-5.122s-90.722 0-135.1 5.122c-18.928 1.921-34.592 16.009-39.161 34.579-6.527 26.894-6.527 56.35-6.527 83.885 0 28.174 0 56.99 6.527 83.884 4.569 18.57 20.233 32.657 39.161 34.578 45.035 5.122 90.071 5.122 135.1 5.122s90.724 0 135.107-5.122c18.927-1.921 34.592-16.008 39.161-34.578 6.527-26.894 6.527-56.35 6.527-83.884s0-56.991-6.527-83.885zm-109.973 84.863L219.7 307.276a5.032 5.032 0 0 1-7.282-4.5V202.182a5.032 5.032 0 0 1 7.282-4.5l100.592 50.3a5.031 5.031 0 0 1 .002 8.997z"
    />
</svg>