<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-reject_32__a)"><path d="M10.56 3.006a1 1 0 0 1 1.035.623l2.667 6.666c.148.371.06.796-.222 1.079l-1.688 1.686a28.5 28.5 0 0 0 6.585 6.586l1.689-1.686.112-.098c.276-.204.642-.254.967-.124l6.666 2.667a1 1 0 0 1 .61 1.124l-1.334 6.667a1 1 0 0 1-.98.804c-5.684 0-11.591-3.176-16.041-7.626S3 11.017 3 5.333a1 1 0 0 1 .804-.98l6.667-1.334zm6.751 21.096c2.762 1.659 5.708 2.7 8.54 2.87l1.005-5.02-5.282-2.113zM9.02 16.395a28 28 0 0 0 3.021 3.565 28 28 0 0 0 3.565 3.02l1.9-1.9a30.6 30.6 0 0 1-6.586-6.586zM5.026 6.147c.17 2.833 1.212 5.778 2.871 8.54l4.263-4.262-2.113-5.282-5.02 1.004Zm19.6-.187a1 1 0 1 1 1.414 1.414l-2.293 2.293 2.293 2.293a1 1 0 0 1-1.414 1.414l-2.293-2.293-2.293 2.293a1 1 0 0 1-1.414-1.414l2.293-2.293-2.293-2.293A1 1 0 0 1 20.04 5.96l2.293 2.293z"/></g><defs><clipPath id="ui_phone-reject_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * PhoneReject32 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>
