<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M8.928 2.629a1 1 0 0 0-1.124-.61l-5 1A1 1 0 0 0 2 4c0 4.351 2.426 8.84 5.793 12.207S15.649 22 20 22a1 1 0 0 0 .98-.804l1-5a1 1 0 0 0-.609-1.124l-5-2a1 1 0 0 0-1.078.221l-1.117 1.116a21.2 21.2 0 0 1-4.585-4.585l1.116-1.117a1 1 0 0 0 .221-1.078zm-.767 8.624-1.07 1.07c.63.865 1.34 1.694 2.116 2.47a21 21 0 0 0 2.47 2.117l1.07-1.07a23.2 23.2 0 0 1-4.586-4.587m11.026 8.714c-1.918-.156-3.908-.85-5.798-1.941l2.852-2.852 3.615 1.446zM8.827 7.759l-2.853 2.852c-1.09-1.89-1.785-3.88-1.94-5.798l3.346-.67z"/></svg></template>
<script setup lang="ts">
/**
 * Phone24 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>
