msrd0/render_video
1
0
Fork 0
Code Issues Pull requests Releases 7 Activity Actions

find a tool that optimizes svg's even further

Browse source
This commit is contained in:
Dominic 2024-05-24 19:40:08 +02:00
parent 05b650dfd7
commit 9ae95fefb6
Signed by: msrd0
GPG key ID: AAF7C8430CA3345D
1 changed files with 14 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
assets/logo.svg
View file

@ -4,36 +4,33 @@
version="1.0">
<defs>
<linearGradient id="a">
<stop offset="0" style="stop-color:#fff;stop-opacity:1"/>
<stop offset="1" style="stop-color:#7d7d7d;stop-opacity:1"/>
<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>
<g style="opacity: 1; fill-opacity: 1; stroke-width: 1; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0">
<!-- this creates the small circle inside the cutout. the first path seems to do nothing. -->
<path d="M541 112.362a87 56 0 1 1-174 0 87 56 0 1 1 174 0" style="fill: #fff" transform="matrix(-.00198 -1.72414 2.67857 -.00307 -150.072 933.103)"/>
<path d="M320 270.934a38.571 44.286 0 1 1-77.143 0 38.571 44.286 0 1 1 77.143 0" style="fill: #000" transform="matrix(.97222 0 0 .84677 -174.254 -151.062)"/>
<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="M541 112.362a87 56 0 1 1-87-56v56z" style="fill: #000" transform="matrix(-.00198 -1.72414 2.67857 -.00307 -150.072 933.103)"/>
</g>
<path d="M149.826-.002A150 150-26.33 1 1 0 150.17l150-.172z"/>
<g
style="font-family: Arial Black; line-height: 125%; fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1"
transform="translate(-439 .638)">
<g font-family="Arial Black" style="line-height:125%" transform="translate(-439 .638)">
<text xml:space="preserve" style="font-size: 72px">
<text font-size="72">
<!-- this text is the "V" with linear gradient inside the small circle. -->
<tspan x="511" y="108.362" style="fill: url(#b)">V</tspan>
<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" style="fill: #000; fill-opacity: .25098039">V</tspan>
<tspan x="471" y="108.362" fill="#000" fill-opacity=".251">V</tspan>
</text>
<!-- this is the "ideo" text in the upper line -->
<text xml:space="preserve" x="598" y="105.362" style="font-size: 36px; fill: #fff">ideo</text>
<text x="598" y="105.362" font-size="36" fill="#fff">ideo</text>
<!-- this is the "AG" text in the lower line -->
<text xml:space="preserve" x="511" y="243.362" style="font-size:100px; fill: #fff">AG</text>
<text x="511" y="243.362" font-size="100" fill="#fff">AG</text>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB