<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.486 3.143a1 1 0 0 1 1.028 0l6.667 4a1 1 0 0 1 .486.857v8a1 1 0 0 1-.553.894l-2.667 1.334a1 1 0 0 1-.894-1.79l2.114-1.056V9.766l-5.153 3.092a1 1 0 0 1-1.029 0l-5.152-3.092v5.616l2.114 1.057a1 1 0 1 1-.894 1.789l-2.667-1.334A1 1 0 0 1 8.333 16V8a1 1 0 0 1 .486-.857zM11.277 8 16 10.834l1.876-1.126-4.723-2.833zm9.446 0-1.876 1.125-4.723-2.833L16 5.166zM16 15a1 1 0 0 1 1 1v6.132l2.445-1.63a1 1 0 1 1 1.11 1.663l-4 2.667a1 1 0 0 1-1.11 0l-4-2.667a1 1 0 0 1 1.11-1.664L15 22.131V16a1 1 0 0 1 1-1M4 23a1 1 0 0 1 1 1v3h22v-3a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1"/></svg></template>
<script setup lang="ts">
/**
 * ParcelLoading32 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>
