<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M12.439 18.5c2.265-6.409 8.377-11 15.56-11 3.395 0 6.546 1.023 9.167 2.778a1.5 1.5 0 0 0 1.668-2.493A19.4 19.4 0 0 0 28 4.5c-8.86 0-16.34 5.909-18.714 14H6a1.5 1.5 0 0 0 0 3h2.659a19.7 19.7 0 0 0 0 5H6a1.5 1.5 0 0 0 0 3h3.286c2.375 8.092 9.854 14 18.714 14 4.006 0 7.735-1.21 10.834-3.285a1.5 1.5 0 0 0-1.668-2.493A16.4 16.4 0 0 1 28 40.5c-7.184 0-13.296-4.591-15.561-11H30a1.5 1.5 0 0 0 0-3H11.688a16.6 16.6 0 0 1 0-5H30a1.5 1.5 0 0 0 0-3z"/></svg></template>
<script setup lang="ts">
/**
 * Euro48 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>
