<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M6 35.566a1.5 1.5 0 0 1 1.5 1.5V38a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5m36 0a1.5 1.5 0 0 1 1.5 1.5V38a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5M6 26.233a1.5 1.5 0 0 1 1.5 1.5V29.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5m36 0a1.5 1.5 0 0 1 1.5 1.5V29.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5M29.94 17.94a1.5 1.5 0 0 1 2.12 0l5 5a1.5 1.5 0 0 1 0 2.12l-5 5a1.5 1.5 0 0 1-2.12-2.12l2.44-2.44H15.62l2.44 2.44a1.5 1.5 0 0 1-2.121 2.12l-5-5a1.5 1.5 0 0 1 0-2.12l5-5a1.5 1.5 0 1 1 2.12 2.12L15.62 22.5h16.76l-2.44-2.44a1.5 1.5 0 0 1 0-2.12M6 16.9a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V18.4A1.5 1.5 0 0 1 6 16.9m36 0a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V18.4a1.5 1.5 0 0 1 1.5-1.5M6 8.5A1.5 1.5 0 0 1 7.5 10v.934a1.5 1.5 0 0 1-3 0V10A1.5 1.5 0 0 1 6 8.5m36 0a1.5 1.5 0 0 1 1.5 1.5v.934a1.5 1.5 0 0 1-3 0V10A1.5 1.5 0 0 1 42 8.5"/></svg></template>
<script setup lang="ts">
/**
 * DimensionWidth48 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>
