<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="M18.333 4.441H10.75v10.167h1.102a2.89 2.89 0 0 1 2.79-2.143c1.339 0 2.462.91 2.793 2.143h.898v1.5h-.898a2.891 2.891 0 0 1-5.583 0H10a.75.75 0 0 1-.75-.75v-1.275H2.083a.75.75 0 0 1 0-1.5h.334V9.167a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3.416h.833V3.69a.75.75 0 0 1 .75-.75h8.333v1.5Zm-3.69 9.524a1.393 1.393 0 1 0 0 2.786 1.393 1.393 0 0 0 0-2.786M3.417 12.583h4V9.667h-1.5v.75a.5.5 0 0 1-1 0v-.75h-1.5zm-.093-9.281a.5.5 0 0 1 .866.5l-.575.997 3.261-.874a.5.5 0 0 1 .259.965l-3.26.873.994.576a.5.5 0 0 1-.499.865L2.328 6.026a.5.5 0 0 1-.182-.682z"/></svg></template>
<script setup lang="ts">
/**
 * TruckUnloading20 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>
