<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M15.416 1.75a2.833 2.833 0 1 0 0 5.667 2.833 2.833 0 0 0 0-5.667m-3.385 1.032a3.833 3.833 0 0 1 7.219 1.801 3.83 3.83 0 0 1-1.834 3.271v5.896a.75.75 0 0 1-.382.654l-6.667 3.75a.75.75 0 0 1-.735 0l-6.667-3.75a.75.75 0 0 1-.382-.654v-7.5a.75.75 0 0 1 .382-.654L5.892 3.95a1 1 0 0 1 .635-.357l3.105-1.747a.75.75 0 0 1 .735 0zm-.434 1.477L10 3.36l-1.734.975 3.821 2.15a3.8 3.8 0 0 1-.49-2.227m2.593 3.957-.11.063v2.554a1 1 0 1 1-2 0v-1.43l-1.58.89v6.065l5.416-3.047V8.384a3.9 3.9 0 0 1-1.726-.168m2.83-4.82a.5.5 0 0 1 0 .708L15.353 5.77a.5.5 0 0 1-.707 0l-.833-.833a.5.5 0 1 1 .707-.707l.48.48 1.313-1.314a.5.5 0 0 1 .707 0M6.226 5.483l-1.618.91L10 9.426l1.618-.91zm-2.143 7.828V7.246L9.5 10.292v6.066z"/></svg></template>
<script setup lang="ts">
/**
 * PackageAdd20 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>
