<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M15 10.833a4.167 4.167 0 1 1 0 8.334 4.167 4.167 0 0 1 0-8.334M9.632 1.846a.75.75 0 0 1 .735 0l6.667 3.75a.75.75 0 0 1 .382.654v3.902a5.4 5.4 0 0 0-1.5-.491V7.245L14.08 8.277v1.385a5.4 5.4 0 0 0-2 .776V9.402l-1.58.89v1.692A5.4 5.4 0 0 0 9.583 15c0 1.136.35 2.19.948 3.06l-.164.093a.75.75 0 0 1-.735 0l-6.667-3.75a.75.75 0 0 1-.382-.653v-7.5c0-.27.146-.52.382-.654l2.931-1.649a1 1 0 0 1 .626-.353zm6.972 11.55a.5.5 0 0 0-.707 0l-.897.897-.896-.897a.5.5 0 0 0-.707.707l.896.897-.896.896a.5.5 0 0 0 .707.707l.896-.896.896.896a.5.5 0 0 0 .707-.707L15.707 15l.896-.897a.5.5 0 0 0 0-.707ZM4.082 13.31 9.5 16.358v-6.066L4.083 7.245v6.065Zm.524-6.918L10 9.426l1.62-.912-5.393-3.033-1.619.911Zm3.658-2.058 5.305 2.984q.041.025.08.053l1.742-.979L9.999 3.36l-1.734.975Z"/></svg></template>
<script setup lang="ts">
/**
 * PackageOff20 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>
