<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.89 2.89 0 0 1-2.792 2.143c-1.338 0-2.46-.91-2.791-2.143H10a.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.5zm1.114-9.604a.5.5 0 0 1 .683-.183l2.04 1.178a.5.5 0 0 1 .184.683L6.26 6.698a.501.501 0 0 1-.866-.5l.575-.996-3.261.874a.5.5 0 0 1-.259-.966l3.26-.874-.995-.574a.5.5 0 0 1-.183-.683"/></svg></template>
<script setup lang="ts">
/**
 * TruckLoading20 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>
