<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#ui_phone-off_32__a)"><path d="M3.293 3.293a1 1 0 0 1 1.414 0l24 24a1 1 0 1 1-1.414 1.414l-6.639-6.639C16.298 26.15 10.716 29 5.333 29a1 1 0 0 1-.98-.804L3.018 21.53a1 1 0 0 1 .61-1.124l6.666-2.667c.325-.13.69-.08.967.124l.112.098 1.688 1.686c.99-.706 1.94-1.488 2.841-2.329L3.293 4.707a1 1 0 0 1 0-1.414m1.85 18.66 1.005 5.02c2.833-.17 5.778-1.212 8.54-2.871l-4.262-4.263-5.282 2.113Zm12.175-3.22c-.897.841-1.84 1.63-2.823 2.347l1.9 1.9a28 28 0 0 0 2.844-2.327l-1.92-1.92ZM21.44 3.005l.09.013 6.666 1.333a1 1 0 0 1 .804.981c0 4.56-2.045 9.26-5.15 13.24l-1.426-1.428q.286-.371.557-.75l-1.9-1.9q-.275.374-.564.743l-1.427-1.426q.287-.372.558-.752l-1.688-1.686a1 1 0 0 1-.222-1.08l2.667-6.665a1 1 0 0 1 1.035-.623m-1.6 7.419 4.262 4.262c1.66-2.761 2.701-5.707 2.872-8.54l-5.02-1.004z"/></g><defs><clipPath id="ui_phone-off_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * PhoneOff32 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>
