<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M19 4a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 1 1 0-2h3.195a6 6 0 0 0-5.714-2.978l-.253.028a6 6 0 0 0-3.37 1.61l-.181.179a6 6 0 0 0-1.623 3.363l-.03.254a6 6 0 0 0 .973 3.856l.144.21a6 6 0 0 0 3.025 2.19l.245.074a6 6 0 0 0 3.73-.18l.236-.097a6 6 0 0 0 2.799-2.474 1 1 0 1 1 1.724 1.013 8 8 0 0 1-3.73 3.298l-.316.128a8 8 0 0 1-4.973.24l-.326-.097a8 8 0 0 1-4.033-2.922l-.193-.28a8 8 0 0 1-1.296-5.14l.038-.338a8 8 0 0 1 2.165-4.485l.241-.24a8 8 0 0 1 4.494-2.146l.338-.036A8 8 0 0 1 18 6.71V5a1 1 0 0 1 1-1"/></svg></template>
<script setup lang="ts">
/**
 * Refresh24 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
