flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make more icons reusable in global SVG sprite

Browse Source
This commit is contained in:
Félix Péault
2021-11-21 22:10:53 +01:00
parent bec2c0879b
commit 9e6df85bf1
7 changed files with 19 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/atoms/IconArrow.svelte
View File

@@ -3,6 +3,9 @@
export let flip: boolean = false
</script>
<svg class="arrow arrow--{color}" class:arrow--flip={flip} width="12" height="14" 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"/>
<svg width="12" height="14"
class="arrow arrow--{color}"
class:arrow--flip={flip}
>
<use xlink:href="#arrow" />
</svg>