Icons for the Svelte crypto card project as it stood at https://devjournal.balinterdi.com/understanding-svelte-event-handling-some-more-reactivity/

IconArrow.svelte

<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>

IconRefresh.svelte

<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>