<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="M14 2c2.054 0 3.967.62 5.557 1.685a1 1 0 0 1-1.113 1.662A8 8 0 0 0 6.584 9H15a1 1 0 1 1 0 2H6.064q-.062.492-.064 1 .002.508.064 1H15a1 1 0 1 1 0 2H6.584a8 8 0 0 0 11.86 3.653 1 1 0 0 1 1.113 1.662A9.96 9.96 0 0 1 14 22c-4.478 0-8.268-2.943-9.542-7H3a1 1 0 1 1 0-2h1.05a10 10 0 0 1 0-2H3a1 1 0 1 1 0-2h1.458C5.732 4.943 9.522 2 14 2"/></svg></template>
<script setup lang="ts">
/**
 * CurrencyEuro24 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>
