<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M4.94 4.94a1.5 1.5 0 0 1 2.12 0l36 36a1.5 1.5 0 1 1-2.12 2.12l-9.959-9.958C24.448 39.225 16.075 43.5 8 43.5a1.5 1.5 0 0 1-1.47-1.206l-2-10a1.5 1.5 0 0 1 .913-1.687l10-4a1.5 1.5 0 0 1 1.536.256l.082.076 2.532 2.53a42 42 0 0 0 4.26-3.494L4.94 7.06a1.5 1.5 0 0 1 0-2.122Zm2.776 27.989 1.506 7.53c4.249-.255 8.667-1.818 12.81-4.307L15.64 29.76l-7.923 3.169Zm18.263-4.83a45 45 0 0 1-4.237 3.521l2.852 2.852a42 42 0 0 0 4.264-3.492l-2.88-2.88ZM32.16 4.51l.133.02 10 2A1.5 1.5 0 0 1 43.5 8c0 6.82-3.051 13.85-7.687 19.808l-2.138-2.14q.41-.532.798-1.075l-2.852-2.85q-.394.536-.808 1.065l-2.14-2.141q.409-.534.798-1.076l-2.532-2.53a1.5 1.5 0 0 1-.332-1.618l4-10a1.5 1.5 0 0 1 1.554-.934Zm-2.401 11.13 6.393 6.392c2.489-4.143 4.053-8.561 4.308-12.81l-7.53-1.507-3.17 7.924Z"/></svg></template>
<script setup lang="ts">
/**
 * PhoneOff48 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>
