<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M12.5 1.75a.75.75 0 0 1 .75.75v1.75h2.166a.75.75 0 0 1 .75.75v5.451l.277.074a.75.75 0 0 1 .524.946l-1.405 4.56c.263.085.51.231.72.44.138.139.37.115.479-.048l.115-.172a.75.75 0 0 1 1.248.832l-.115.172a1.81 1.81 0 0 1-2.788.276.31.31 0 0 0-.442 0l-.082.082a1.93 1.93 0 0 1-2.727 0 .43.43 0 0 0-.607 0 1.93 1.93 0 0 1-2.726 0 .43.43 0 0 0-.607 0 1.93 1.93 0 0 1-2.727 0l-.082-.082a.31.31 0 0 0-.442 0 1.81 1.81 0 0 1-2.788-.276l-.115-.172a.75.75 0 0 1 1.248-.832l.115.172c.11.163.34.187.48.048.208-.209.455-.355.717-.44l-.814-2.645-.42-1.366-.124-.404-.033-.108-.009-.028-.002-.007v-.002a.75.75 0 0 1 .523-.946l.276-.074V5a.75.75 0 0 1 .75-.75H6.75V2.5a.75.75 0 0 1 .75-.75zM4.695 11.773l.36 1.171 1.036 3.364q.1.074.19.163l.082.082a.43.43 0 0 0 .607 0 1.93 1.93 0 0 1 2.28-.333v-5.662zm6.055 4.447a1.93 1.93 0 0 1 2.28.333.43.43 0 0 0 .607 0l.082-.082q.09-.09.19-.163l1.395-4.535-4.554-1.215zm-5.417-6.17L7 9.607V8H5.333zM13 9.606l1.666.446V8H13zM8 9.34l1.5-.4V8H8zm2.5-.4 1.5.399V8h-1.5zM5.333 7H7V5.75H5.333zM8 7h1.5V5.75H8zm5 0h1.666V5.75H13zm-2.5 0H12V5.75h-1.5zM8.25 4.25h3.5v-1h-3.5z"/></svg></template>
<script setup lang="ts">
/**
 * CargoShip20 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>
