<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="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10M23.44 4.608a1.5 1.5 0 0 1 1.295.084l16 9A1.5 1.5 0 0 1 41.5 15v9.218a13 13 0 0 0-3-.977V16.99l-5.61 3.155v3.23c-1.056.26-2.062.648-3 1.148v-2.69L25 24.583v4.486A12.94 12.94 0 0 0 23 36c0 2.62.775 5.058 2.107 7.098l-.372.21a1.5 1.5 0 0 1-1.47 0l-16-9A1.5 1.5 0 0 1 6.5 33V15a1.5 1.5 0 0 1 .765-1.308l16-9zm16.267 27.684a1 1 0 0 0-1.414 0l-2.294 2.294-2.292-2.293a1 1 0 0 0-1.414 1.414L34.585 36l-2.292 2.292a1.001 1.001 0 0 0 1.414 1.415l2.292-2.293 2.294 2.293a1 1 0 0 0 1.414-1.414L37.413 36l2.294-2.293c.39-.39.39-1.025 0-1.415M9.5 32.122 23 39.716V24.584L9.5 16.99zm1.049-16.836L24 22.852l5.005-2.816-13.451-7.566zm8.065-4.537 13.45 7.566 5.386-3.03L24 7.72z"/></svg></template>
<script setup lang="ts">
/**
 * PackageOff48 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>
