Make more icons reusable in global SVG sprite

2021-11-21 22:10:53 +01:00
parent bec2c0879b
commit 9e6df85bf1
7 changed files with 19 additions and 25 deletions
--- a/src/components/SVGSprite.svelte
+++ b/src/components/SVGSprite.svelte
@@ -15,5 +15,13 @@
        <symbol id="icon-map-pin" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.853 21.36a1.014 1.014 0 0 1-1.813 0s-3.534-6.995-5.207-10.26c-1.674-3.263-.373-7.506 3.022-9.23 3.393-1.725 7.53-.373 9.204 3.03 1.023 2.052.977 4.244 0 6.202a2734.416 2734.416 0 0 1-5.206 10.259Zm2.37-13.243a3.239 3.239 0 0 0-3.254-3.264c-1.813 0-3.254 1.492-3.254 3.264a3.24 3.24 0 0 0 3.254 3.264 3.239 3.239 0 0 0 3.255-3.264Zm-5.68 16.364a.78.78 0 0 0 .06.092l-.158 2.208 5.877 1.904v-6.974c.562-1.06 1.233-2.321 1.91-3.593v10.567l5.876-1.904-.808-11.297-4.564 1.686c.422-.792.836-1.569 1.22-2.285l3.785-1.404c.575-.171 1.02.326 1.081.929l1.21 12a1.76 1.76 0 0 1-1.206 1.857l-7.55 2.421-7.823-2.43-8.41 2.43c-.295.066-.625.033-.882-.164s-.368-.46-.33-.755l1.872-13.07a.901.901 0 0 1 .625-.69l3.523-1.158c.263.51.53 1.033.794 1.559l-3.142 1.012-1.616 11.263 6.721-1.937.398-5.52a312.979 312.979 0 0 1 1.538 3.253Z"/>
        </symbol>
+
+        <symbol id="arrow" viewBox="0 0 12 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.67961 11.8224C4.34487 12.1571 4.34487 12.6999 4.67961 13.0346C5.01434 13.3693 5.55705 13.3693 5.89179 13.0346L11.3204 7.60602C11.6551 7.27129 11.6551 6.72857 11.3204 6.39384L5.89179 0.965267C5.55705 0.630532 5.01434 0.630532 4.67961 0.965267C4.34487 1.3 4.34487 1.84271 4.67961 2.17745L8.64494 6.14279L1.2857 6.14279C0.812311 6.14279 0.428555 6.52654 0.428555 6.99993C0.428555 7.47332 0.812311 7.85707 1.2857 7.85707L8.64494 7.85707L4.67961 11.8224Z"/>
+        </symbol>
+
+        <symbol id="cross" viewBox="0 0 8 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M7.81 1.104a.647.647 0 1 0-.914-.915L4 3.085 1.104.19a.647.647 0 1 0-.915.915L3.085 4 .19 6.896a.647.647 0 1 0 .915.915L4 4.915 6.896 7.81a.647.647 0 1 0 .915-.915L4.915 4 7.81 1.104Z" />
+        </symbol>
    </defs>
 </svg>