<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M15.839 4.509a1.5 1.5 0 0 1 1.554.934l4 10a1.5 1.5 0 0 1-.332 1.618l-2.533 2.53a42.8 42.8 0 0 0 9.88 9.879l2.531-2.53.082-.077a1.5 1.5 0 0 1 1.536-.256l10 4a1.5 1.5 0 0 1 .914 1.687l-2 10A1.5 1.5 0 0 1 40 43.5c-8.527 0-17.386-4.765-24.06-11.44C9.265 25.386 4.5 16.527 4.5 8a1.5 1.5 0 0 1 1.206-1.47l10-2zm10.129 31.643c4.143 2.49 8.56 4.052 12.81 4.308l1.506-7.531-7.923-3.17zm-12.44-11.56a42.4 42.4 0 0 0 4.533 5.347 42.4 42.4 0 0 0 5.345 4.533l2.852-2.852a45.9 45.9 0 0 1-9.88-9.878zm-5.99-15.37c.255 4.25 1.819 8.667 4.308 12.81l6.393-6.392-3.17-7.924L7.54 9.22Zm29.4-.282a1.5 1.5 0 1 1 2.121 2.121l-3.439 3.44 3.44 3.44a1.5 1.5 0 1 1-2.121 2.12l-3.44-3.439-3.44 3.44a1.5 1.5 0 1 1-2.12-2.122l3.439-3.439-3.44-3.44a1.5 1.5 0 1 1 2.122-2.12l3.439 3.439z"/></svg></template>
<script setup lang="ts">
/**
 * PhoneReject48 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>
