<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M24 17.333a6.667 6.667 0 1 1 0 13.334 6.667 6.667 0 0 1 0-13.334M15.626 3.072c.28-.112.598-.093.864.057l10.666 6a1 1 0 0 1 .51.87v6.147a8.6 8.6 0 0 0-2-.651v-4.36l-3.738 2.103v2.346a8.6 8.6 0 0 0-2 .765v-1.986L16.5 16.292v3.366a8.6 8.6 0 0 0-1 2.65v-6.016l-9.167-5.157v10.28L15.5 26.57v-.88a8.6 8.6 0 0 0 1.24 3.04l-.25.14a1 1 0 0 1-.98 0l-10.667-6a1 1 0 0 1-.51-.871V10a1 1 0 0 1 .51-.871l10.667-6zm10.728 18.573a.5.5 0 0 0-.707 0L24 23.293l-1.646-1.647a.5.5 0 0 0-.707.707L23.291 24l-1.646 1.646a.5.5 0 0 0 .707.707L24 24.707l1.646 1.646a.5.5 0 0 0 .707-.707L24.707 24l1.646-1.647a.5.5 0 0 0 0-.708ZM6.86 10.285 16 15.426l3.508-1.973-9.138-5.14-3.508 1.974Zm5.547-3.12 9.01 5.068q.061.035.117.078l3.602-2.025-9.138-5.14-3.59 2.019Z"/></svg></template>
<script setup lang="ts">
/**
 * PackageOff32 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>
