render_video/assets/logo.svg

<svg
    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    width="300" height="300"
    version="1.0">
  <defs>
    <linearGradient id="a">
      <stop offset="0" stop-color="#fff"/>
      <stop offset="1" stop-color="#7d7d7d"/>
    </linearGradient>
    <linearGradient xlink:href="#a" id="b" x1="194.176" x2="250.039" y1="139.593" y2="139.593" gradientTransform="translate(317 -57)" gradientUnits="userSpaceOnUse"/>
  </defs>

  <!-- this creates the small circle inside the cutout. the first path seems to do nothing. -->
  <path fill="#fff" d="M149.826-.002a150 150-26.33 1 1 .345 300 150 150-26.33 1 1-.345-300"/>
  <path d="M136.856 78.357a37.5 37.5 0 1 1-75 0 37.5 37.5 0 1 1 75 0"/>

  <!-- this is the big 270-degree circle -->
  <path d="M149.826-.002A150 150-26.33 1 1 0 150.17l150-.172z"/>

  <g font-family="Arial Black" style="line-height:125%" transform="translate(-439 .638)">

    <text font-size="72">
      <!-- this text is the "V" with linear gradient inside the small circle. -->
      <tspan x="511" y="108.362" fill="url(#b)">V</tspan>
      <!-- this is the "V" to the left of the small circle -->
      <tspan x="471" y="108.362" fill="#000" fill-opacity=".251">V</tspan>
    </text>
    
    <!-- this is the "ideo" text in the upper line -->
    <text x="598" y="105.362" font-size="36" fill="#fff">ideo</text>

    <!-- this is the "AG" text in the lower line -->
    <text x="511" y="243.362" font-size="100" fill="#fff">AG</text>

  </g>
</svg>