<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M11.595 3.629a1 1 0 0 0-1.125-.61L3.805 4.354a1 1 0 0 0-.804.98c0 5.685 3.176 11.591 7.626 16.04C15.076 25.824 20.982 29 26.666 29a1 1 0 0 0 .981-.804l1.334-6.666a1 1 0 0 0-.61-1.125l-6.666-2.667a1 1 0 0 0-1.079.222l-1.689 1.689a28.5 28.5 0 0 1-6.586-6.586l1.69-1.69a1 1 0 0 0 .22-1.078zm-.676 10.866-1.901 1.902a28.3 28.3 0 0 0 3.022 3.563 28.3 28.3 0 0 0 3.564 3.022l1.9-1.9a30.6 30.6 0 0 1-6.585-6.587m14.933 12.48c-2.833-.17-5.779-1.213-8.54-2.872l4.262-4.263 5.282 2.113zM12.16 10.425 7.897 14.69c-1.659-2.762-2.702-5.708-2.872-8.54l5.022-1.005z"/></svg></template>
<script setup lang="ts">
/**
 * Phone32 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>
