<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="M9.614 1.857a.75.75 0 0 1 .772 0l4.167 2.5a.75.75 0 0 1 .364.643v5a.75.75 0 0 1-.415.67l-1.667.834a.75.75 0 0 1-.67-1.341l1.252-.627V6.325l-3.031 1.818a.75.75 0 0 1-.772 0l-3.03-1.818v3.211l1.251.627a.75.75 0 0 1-.67 1.341l-1.667-.833A.75.75 0 0 1 5.083 10V5a.75.75 0 0 1 .364-.643zM7.291 5 10 6.625l.869-.52-2.71-1.626zm5.418 0-.869.521-2.709-1.625.869-.521zM10 9.25a.75.75 0 0 1 .75.75v3.599l1.334-.89a.75.75 0 1 1 .832 1.248l-2.5 1.667a.75.75 0 0 1-.832 0l-2.5-1.667a.75.75 0 0 1 .832-1.248l1.334.89V10a.75.75 0 0 1 .75-.75m-7.5 5a.75.75 0 0 1 .75.75v1.75h13.5V15a.75.75 0 0 1 1.5 0v2.5a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75V15a.75.75 0 0 1 .75-.75"/></svg></template>
<script setup lang="ts">
/**
 * ParcelLoading20 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>
