<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="M29.333 6.905H17v16.667h2.115a4.43 4.43 0 0 1 4.314-3.429 4.43 4.43 0 0 1 4.313 3.43h1.591v2h-1.59a4.43 4.43 0 0 1-8.629 0H16a1 1 0 0 1-1-1v-2.24H3.333a1 1 0 0 1 0-2h.834v-5.667a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v5.667H15V5.905a1 1 0 0 1 1-1h13.333zm-5.904 15.238a2.43 2.43 0 1 0 0 4.859 2.43 2.43 0 0 0 0-4.859m-18.262-1.81h7v-5.167h-3v1.5a.5.5 0 0 1-1 0v-1.5h-3zM7.51 4.916a.5.5 0 0 1 .682-.183l3.266 1.885a.5.5 0 0 1 .184.683l-1.886 3.266a.5.5 0 0 1-.866-.5l1.282-2.22L4.255 9.43a.5.5 0 1 1-.259-.965L9.913 6.88l-2.22-1.283a.5.5 0 0 1-.183-.682Z"/></svg></template>
<script setup lang="ts">
/**
 * TruckLoading32 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>
