render_video/assets/logo.svg

36 lines
1.5 KiB
XML

<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>