Icons for the Svelte crypto card project as it stood at https://devjournal.balinterdi.com/understanding-svelte-event-handling-some-more-reactivity/
<script> | |
export let fill; | |
export let stroke; | |
export let strokeWidth; | |
export let rotation; | |
</script> | |
<svg viewBox="0 0 24 24" class="w-6" xmlns="http://www.w3.org/2000/svg"> | |
<path | |
d="m11 14.59v-7.59a1 1 0 0 1 2 0v7.59l2.3-2.3a1 1 0 1 1 1.4 1.42l-4 4a1 1 0 0 1 -1.4 0l-4-4a1 1 0 0 1 1.4-1.42z" | |
fill="{fill}" | |
stroke="{stroke}" | |
stroke-width="{strokeWidth}" | |
transform="rotate({rotation} 12 12)" | |
/> | |
</svg> |
<script> | |
export let fill; | |
export let stroke; | |
export let strokeWidth; | |
</script> | |
<svg viewBox="0 0 24 24" | |
xmlns="http://www.w3.org/2000/svg" | |
fill="{fill}" | |
stroke="{stroke}" | |
stroke-width={strokeWidth} | |
> | |
<path d="M8.52 7.11a5.98 5.98 0 018.98 2.5 1 1 0 11-1.83.8 4 4 0 00-5.7-1.86l.74.74A1 1 0 0110 11H7a1 1 0 01-1-1V7a1 1 0 011.7-.7zm5.51 8.34l-.74-.74A1 1 0 0114 13h3a1 1 0 011 1v3a1 1 0 01-1.7.7l-.82-.81A5.98 5.98 0 016.5 14.4a1 1 0 111.83-.8 4 4 0 005.7 1.85z"/> | |
</svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment