<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M30 4.5A1.5 1.5 0 0 1 31.5 6v4.5H37a1.5 1.5 0 0 1 1.5 1.5v13.314l.887.237a1.5 1.5 0 0 1 1.046 1.89l-3.398 11.043a3.5 3.5 0 0 1 1.44.87l.86.86a.5.5 0 0 0 .77-.076l.647-.97a1.5 1.5 0 0 1 2.496 1.664l-.647.97a3.5 3.5 0 0 1-5.387.534l-.86-.861a.5.5 0 0 0-.708 0l-1.172 1.172a3.5 3.5 0 0 1-4.949 0l-1.172-1.172a.5.5 0 0 0-.707 0l-1.172 1.172a3.5 3.5 0 0 1-4.949 0l-1.172-1.172a.5.5 0 0 0-.707 0l-1.172 1.172a3.5 3.5 0 0 1-4.949 0l-1.172-1.172a.5.5 0 0 0-.707 0l-.86.86a3.5 3.5 0 0 1-5.388-.533l-.646-.97a1.5 1.5 0 0 1 2.496-1.664l.646.97a.5.5 0 0 0 .77.076l.861-.86a3.5 3.5 0 0 1 1.439-.87L8.98 32.037 7.972 28.76l-.298-.968-.08-.26-.02-.067-.006-.017-.002-.005a1.5 1.5 0 0 1 1.047-1.891l.887-.237V12a1.5 1.5 0 0 1 1.5-1.5h5.5V6A1.5 1.5 0 0 1 18 4.5zM10.892 28.048l.956 3.107c.768 2.5 1.716 5.578 2.48 8.06q.075.067.147.138l1.171 1.172a.5.5 0 0 0 .707 0l1.172-1.172a3.5 3.5 0 0 1 4.95 0l.025.026V24.95zM25.5 39.378l.025-.025a3.5 3.5 0 0 1 4.95 0l1.171 1.172a.5.5 0 0 0 .707 0l1.172-1.172q.072-.07.146-.137l3.436-11.168L25.5 24.95v14.43Zm-13-14.864 4.5-1.2V19h-4.5zm18.5-1.2 4.5 1.2V19H31zm-6-1.6 4 1.066V19h-4zm-6 1.066 4-1.066V19h-4zM12.5 17H17v-3.5h-4.5zm6.5 0h4v-3.5h-4zm12 0h4.5v-3.5H31zm-6 0h4v-3.5h-4zm-5.5-6.5h9v-3h-9z"/></svg></template>
<script setup lang="ts">
/**
 * CargoShip48 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>
