<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="M22 5.43h-9v12h1.143a3.572 3.572 0 0 1 6.857 0h1v2h-1a3.573 3.573 0 0 1-6.857 0H12a1 1 0 0 1-1-1V17H2.5a1 1 0 0 1 0-2H3v-4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v4h1V4.43a1 1 0 0 1 1-1h10zm-4.429 11.428a1.571 1.571 0 1 0 0 3.143 1.571 1.571 0 0 0 0-3.143M4 15h5v-3.5H7v1a.5.5 0 0 1-1 0v-1H4zM5.524 3.624a.5.5 0 0 1 .683-.183l2.45 1.414a.5.5 0 0 1 .183.683l-1.415 2.45a.5.5 0 0 1-.865-.5l.81-1.404-4.146 1.111a.5.5 0 0 1-.26-.966l4.147-1.111-1.404-.81a.5.5 0 0 1-.183-.684"/></svg></template>
<script setup lang="ts">
/**
 * TruckLoading24 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>
