<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="M15.51 3.128a1 1 0 0 1 .98 0l10.667 6a1 1 0 0 1 .51.872v12a1 1 0 0 1-.51.872l-10.667 6a1 1 0 0 1-.98 0l-10.667-6a1 1 0 0 1-.51-.872V10a1 1 0 0 1 .51-.872zM6.332 21.415V11.136l9.167 5.156v10.28zm19.333 0L16.5 26.571V16.292l3.427-1.928v2.97a1 1 0 1 0 2 0v-4.095l3.74-2.103zm-4.13-9.103 3.6-2.025L16 5.147l-3.59 2.02 9.007 5.066q.063.036.12.079M10.37 8.314l-3.507 1.973L16 15.427l3.507-1.974z"/></svg></template>
<script setup lang="ts">
/**
 * Package32 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>
