<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M11.486 2.143a1 1 0 0 1 1.028 0l5 3A1 1 0 0 1 18 6v6a1 1 0 0 1-.553.894l-2 1a1 1 0 1 1-.894-1.788L16 11.382V7.766l-3.485 2.091a1 1 0 0 1-1.03 0L8 7.767v3.615l1.447.724a1 1 0 1 1-.894 1.788l-2-1A1 1 0 0 1 6 12V6a1 1 0 0 1 .486-.857zM8.944 6 12 7.834l1.042-.626-3.056-1.833zm6.112 0-1.042.625-3.056-1.833L12 4.166zM12 11a1 1 0 0 1 1 1v4.132l1.445-.964a1 1 0 0 1 1.11 1.664l-3 2a1 1 0 0 1-1.11 0l-3-2a1 1 0 0 1 1.11-1.664L11 16.13V12a1 1 0 0 1 1-1m-9 6a1 1 0 0 1 1 1v2h16v-2a1 1 0 1 1 2 0v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1"/></svg></template>
<script setup lang="ts">
/**
 * ParcelLoading24 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>
