<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="M2.293 2.293a1 1 0 0 1 1.414 0l18 18a1 1 0 1 1-1.414 1.414l-4.81-4.81C12.212 19.9 8.047 22 4 22a1 1 0 0 1-.98-.804l-1-5a1 1 0 0 1 .609-1.125l5-2a1 1 0 0 1 .966.125l.112.097 1.116 1.115c.603-.44 1.185-.92 1.743-1.428L2.293 3.707a1 1 0 0 1 0-1.414m1.852 14.326.668 3.346c1.918-.156 3.91-.849 5.8-1.94L7.76 15.173zm8.837-2.223q-.832.767-1.73 1.442l1.072 1.071a21 21 0 0 0 1.744-1.427l-1.086-1.085Zm2.09-11.767a1 1 0 0 1 1.124-.61l5 1A1 1 0 0 1 22 4c0 3.508-1.579 7.105-3.954 10.132l-1.425-1.425q.147-.19.29-.384l-1.072-1.071q-.145.19-.295.378l-1.424-1.424q.147-.19.29-.384l-1.117-1.115a1 1 0 0 1-.222-1.078zm.102 5.13 2.852 2.852c1.091-1.89 1.784-3.88 1.94-5.799l-3.346-.668z"/></svg></template>
<script setup lang="ts">
/**
 * PhoneOff24 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>
