<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="M7.804 2.02a1 1 0 0 1 1.125.609l2 5a1 1 0 0 1-.222 1.078L9.591 9.822a21.2 21.2 0 0 0 4.586 4.586l1.116-1.115.112-.097a1 1 0 0 1 .966-.125l5 2a1 1 0 0 1 .61 1.125l-1 5A1 1 0 0 1 20 22c-4.351 0-8.84-2.427-12.207-5.793S2 8.351 2 4a1 1 0 0 1 .804-.98zm5.584 16.005c1.89 1.091 3.88 1.784 5.798 1.94l.67-3.346-3.616-1.446zM7.09 12.323c.63.865 1.341 1.694 2.117 2.47a21 21 0 0 0 2.469 2.116l1.071-1.071a23.2 23.2 0 0 1-4.586-4.586zm-3.056-7.51c.156 1.917.849 3.908 1.94 5.798L8.826 7.76 7.38 4.144zm14.259-.52a1 1 0 1 1 1.414 1.414L18.164 7.25l1.543 1.543a1 1 0 0 1-1.414 1.414L16.75 8.664l-1.543 1.543a1 1 0 0 1-1.414-1.414l1.543-1.543-1.543-1.543a1 1 0 1 1 1.414-1.414l1.543 1.543z"/></svg></template>
<script setup lang="ts">
/**
 * PhoneReject24 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>
