<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 0 1-1.06 1.06l-4.064-4.063c-2.725 2.521-6.204 4.283-9.573 4.283a.75.75 0 0 1-.735-.603l-.833-4.166a.75.75 0 0 1 .457-.844l4.166-1.666a.75.75 0 0 1 .724.092l.085.074.98.978A17 17 0 0 0 9.76 10.82L1.969 3.03a.75.75 0 0 1 0-1.06Zm1.388 11.827.585 2.93c1.667-.122 3.397-.731 5.034-1.69l-2.49-2.491zm7.462-1.916a19 19 0 0 1-1.569 1.307l1.01 1.011c.546-.395 1.076-.83 1.583-1.295zm2.66-10.116 4.167.833a.75.75 0 0 1 .603.735c0 2.922-1.326 5.927-3.322 8.451l-1.07-1.07q.175-.225.342-.454l-1.01-1.011q-.17.227-.348.45l-1.069-1.07q.177-.224.344-.452l-.98-.98a.75.75 0 0 1-.166-.81l1.666-4.165a.75.75 0 0 1 .843-.457m-.933 4.72 2.49 2.49c.96-1.636 1.57-3.366 1.69-5.033l-2.93-.585z"/></svg></template>
<script setup lang="ts">
/**
 * PhoneOff20 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>
