<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M15 2a1 1 0 0 1 1 1v2h2.5a1 1 0 0 1 1 1v6.465l.258.07a1 1 0 0 1 .698 1.259l-1.656 5.38c.294.111.571.283.808.52a.275.275 0 0 0 .422-.042l.138-.207a1 1 0 0 1 1.664 1.11l-.138.207a2.274 2.274 0 0 1-3.5.346.275.275 0 0 0-.388 0l-.099.099a2.414 2.414 0 0 1-3.414 0 .414.414 0 0 0-.586 0 2.414 2.414 0 0 1-3.414 0 .415.415 0 0 0-.586 0 2.414 2.414 0 0 1-3.414 0l-.099-.099a.275.275 0 0 0-.388 0 2.274 2.274 0 0 1-3.5-.346l-.138-.207a1 1 0 0 1 1.664-1.11l.138.207c.096.144.3.164.422.042.236-.236.513-.409.807-.52l-.948-3.082-.504-1.639-.15-.483q-.025-.086-.04-.131l-.01-.033-.002-.01v-.001a1 1 0 0 1 .697-1.26l.258-.07V6a1 1 0 0 1 1-1H8V3a1 1 0 0 1 1-1zM5.76 14.198l.403 1.306 1.231 4.004a2 2 0 0 1 .214.186l.099.099a.415.415 0 0 0 .586 0 2.414 2.414 0 0 1 3.207-.184v-6.942zm6.74 5.411a2.414 2.414 0 0 1 3.207.184.414.414 0 0 0 .586 0l.099-.099q.101-.1.212-.186l1.634-5.31-5.738-1.531zm-6-7.677 2-.534V9.5h-2zm9-.534 2 .534V9.5h-2zm-6-.266 2-.533V9.5h-2zm3-.533 2 .533V9.5h-2zM6.5 8.5h2V7h-2zm3 0h2V7h-2zm6 0h2V7h-2zm-3 0h2V7h-2zM10 5h4V4h-4z"/></svg></template>
<script setup lang="ts">
/**
 * CargoShip24 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>
