<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M20 3a1 1 0 0 1 1 1v3h3.666a1 1 0 0 1 1 1v8.875l.592.158a1 1 0 0 1 .698 1.26l-2.306 7.492c.461.114.898.35 1.258.71a.7.7 0 0 0 1.076-.107l.184-.276a1 1 0 0 1 1.664 1.11l-.184.275a2.7 2.7 0 0 1-4.154.411.7.7 0 0 0-.988 0l-.132.132a2.886 2.886 0 0 1-4.081 0 .887.887 0 0 0-1.253 0 2.885 2.885 0 0 1-4.08 0 .887.887 0 0 0-1.253 0 2.886 2.886 0 0 1-4.081 0l-.132-.132a.7.7 0 0 0-.988 0 2.7 2.7 0 0 1-4.155-.41l-.183-.276a1 1 0 0 1 1.664-1.11l.184.276a.7.7 0 0 0 1.076.106c.36-.36.797-.595 1.257-.709l-1.362-4.428-.673-2.185-.198-.645-.054-.174-.013-.044-.004-.011v-.003l-.001-.001a1 1 0 0 1 .698-1.26l.59-.159V8a1 1 0 0 1 1-1H11V4a1 1 0 0 1 1-1zM7.26 18.698l.638 2.072 1.674 5.443q.176.125.336.281l.132.132a.886.886 0 0 0 1.253 0 2.886 2.886 0 0 1 4.08 0 1 1 0 0 0 .127.104V16.5zm9.24 8.032a1 1 0 0 0 .126-.104 2.886 2.886 0 0 1 4.08 0 .886.886 0 0 0 1.254 0l.132-.132q.158-.156.334-.281l2.312-7.516L16.5 16.5zM8.333 16.342l3.167-.845V12.5H8.333zm12.167-.845 3.166.845V12.5H20.5zm-4-1.065 3 .798V12.5h-3zm-4 .798 3-.798V12.5h-3zM8.333 11.5H11.5V9H8.333zm4.167 0h3V9h-3zm8 0h3.166V9H20.5zm-4 0h3V9h-3zM13 7h6V5h-6z"/></svg></template>
<script setup lang="ts">
/**
 * CargoShip32 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>
