<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M24.666 2.5a4.833 4.833 0 1 0 0 9.667 4.833 4.833 0 0 0 0-9.667m-5.245 2.277a5.834 5.834 0 1 1 8.245 7.56V22a1 1 0 0 1-.51.872l-10.666 6a1 1 0 0 1-.98 0l-10.667-6a1 1 0 0 1-.51-.872V10a1 1 0 0 1 .51-.872l10.666-6a1 1 0 0 1 .98 0zm-.56 1.98L16 5.147l-3.59 2.02 9.007 5.066q.063.036.12.079l.046-.026a5.83 5.83 0 0 1-2.722-5.53m3.815 6.061-.749.422v4.093a1 1 0 1 1-2 0v-2.968L16.5 16.292v10.28l9.166-5.157v-8.334a5.9 5.9 0 0 1-2.99-.263m4.344-7.172a.5.5 0 0 1 0 .708L24.353 9.02a.5.5 0 0 1-.707 0l-1.333-1.333a.5.5 0 1 1 .707-.707l.98.98 2.313-2.314a.5.5 0 0 1 .707 0M6.333 21.416v-10.28l9.167 5.156v10.28zM10.37 8.313l-3.507 1.973L16 15.427l3.507-1.974z"/></svg></template>
<script setup lang="ts">
/**
 * PackageAdd32 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>
