Make SVG favicon use SVG stack

This commit is contained in:
Alexandre Iooss 2020-10-11 11:56:52 +02:00
parent 3eb5f4cc4b
commit d73a7be9f3
No known key found for this signature in database
GPG Key ID: 6C79278F3FCDCC02
1 changed files with 24 additions and 2 deletions

View File

@ -1,5 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="m7.342 0.3654v0.00454a6.877 6.877 0 0 0-6.877 6.877 6.877 6.877 0 0 0 6.876 6.875c1.39 0 2.684-0.4154 3.767-1.127h8.57a4.117 4.117 0 0 0 4.115-4.115 4.117 4.117 0 0 0-4.115-4.115h-5.928c-0.9947-2.572-3.485-4.398-6.409-4.398zm24.66 12.68-11.38 3.669v5.689l11.38 2.446zm-24.23 12.23v3.099h1.817l-0.9428 3.15h2.446l0.9473-3.15h3.279l0.9473 3.15h2.446l-0.9473-3.15h1.394v-3.099z" fill="#214378" stroke-width=".9109"/>
<path d="m26.91 12.42h-26.91v13.45h26.91z" fill="#37abc8" stroke-width=".9109"/>
<defs>
<style>
g { display: none }
g:target { display: inline }
g#default { display: inline }
</style>
</defs>
<rect y="6.661e-16" width="32" height="32" rx="4.664" fill="#fff"/>
<g id="default">
<path d="m8.424 2.369v0.00398a6.017 6.017 0 0 0-6.017 6.017 6.017 6.017 0 0 0 6.016 6.015c1.216 0 2.348-0.3635 3.296-0.9861h7.498a3.602 3.602 0 0 0 3.6-3.6 3.602 3.602 0 0 0-3.6-3.6h-5.187c-0.8703-2.25-3.049-3.848-5.608-3.848zm21.58 11.09-9.957 3.21v4.978l9.957 2.14zm-21.2 10.7v2.711h1.59l-0.8249 2.756h2.14l0.8288-2.756h2.869l0.8288 2.756h2.14l-0.8288-2.756h1.22v-2.711z" fill="#214378"/>
<path d="m25.54 12.91h-23.54v11.77h23.54z" fill="#37abc8"/>
</g>
<g id="success">
<path d="m8.424 2.369v0.00398a6.017 6.017 0 0 0-6.017 6.017 6.017 6.017 0 0 0 6.016 6.015c1.216 0 2.348-0.3635 3.296-0.9861h7.498a3.602 3.602 0 0 0 3.6-3.6 3.602 3.602 0 0 0-3.6-3.6h-5.187c-0.8703-2.25-3.049-3.848-5.608-3.848zm21.58 11.09-9.957 3.21v4.978l9.957 2.14zm-21.2 10.7v2.711h1.59l-0.8249 2.756h2.14l0.8288-2.756h2.869l0.8288 2.756h2.14l-0.8288-2.756h1.22v-2.711z" fill="#1d7b33"/>
<path d="m25.54 12.91h-23.54v11.77h23.54z" fill="#32ce54"/>
</g>
<g id="warning">
<path d="m8.424 2.369v0.00398a6.017 6.017 0 0 0-6.017 6.017 6.017 6.017 0 0 0 6.016 6.015c1.216 0 2.348-0.3635 3.296-0.9861h7.498a3.602 3.602 0 0 0 3.6-3.6 3.602 3.602 0 0 0-3.6-3.6h-5.187c-0.8703-2.25-3.049-3.848-5.608-3.848zm21.58 11.09-9.957 3.21v4.978l9.957 2.14zm-21.2 10.7v2.711h1.59l-0.8249 2.756h2.14l0.8288-2.756h2.869l0.8288 2.756h2.14l-0.8288-2.756h1.22v-2.711z" fill="#987200"/>
<path d="m25.54 12.91h-23.54v11.77h23.54z" fill="#ffbf01"/>
</g>
<g id="danger">
<path d="m8.424 2.369v0.00398a6.017 6.017 0 0 0-6.017 6.017 6.017 6.017 0 0 0 6.016 6.015c1.216 0 2.348-0.3635 3.296-0.9861h7.498a3.602 3.602 0 0 0 3.6-3.6 3.602 3.602 0 0 0-3.6-3.6h-5.187c-0.8703-2.25-3.049-3.848-5.608-3.848zm21.58 11.09-9.957 3.21v4.978l9.957 2.14zm-21.2 10.7v2.711h1.59l-0.8249 2.756h2.14l0.8288-2.756h2.869l0.8288 2.756h2.14l-0.8288-2.756h1.22v-2.711z" fill="#821621"/>
<path d="m25.54 12.91h-23.54v11.77h23.54z" fill="#d92738"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 629 B

After

Width:  |  Height:  |  Size: 2.2 KiB