<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="M17.393 5.443a1.5 1.5 0 0 0-1.687-.914l-10 2A1.5 1.5 0 0 0 4.5 8c0 8.527 4.765 17.386 11.44 24.06C22.613 38.737 31.472 43.5 40 43.5a1.5 1.5 0 0 0 1.47-1.206l2-10a1.5 1.5 0 0 0-.913-1.687l-10-4a1.5 1.5 0 0 0-1.618.332l-2.533 2.534a42.8 42.8 0 0 1-9.879-9.879l2.534-2.533a1.5 1.5 0 0 0 .332-1.618zm-1.015 16.3-2.851 2.852a42.4 42.4 0 0 0 4.534 5.345 42.4 42.4 0 0 0 5.344 4.534l2.852-2.852a45.9 45.9 0 0 1-9.879-9.879m22.4 18.72c-4.25-.256-8.668-1.82-12.811-4.309l6.394-6.394 7.923 3.17zM18.24 15.64l-6.394 6.394c-2.49-4.143-4.053-8.561-4.309-12.81l7.534-1.507z"/></svg></template>
<script setup lang="ts">
/**
 * Phone48 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>
