<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#media_dimension-thickness_32__a)"><path d="M23.867 16a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2h-.466a1 1 0 0 1-1-1M19.2 16a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2H20.2a1 1 0 0 1-1-1m-7.24 8.041a1 1 0 0 1 0-1.414l3.332-3.334a1 1 0 0 1 1.414 0l3.335 3.334a1 1 0 0 1-1.415 1.414L17 22.414V28a1 1 0 1 1-2 0v-5.585l-1.626 1.626a1 1 0 0 1-1.413 0Zm0-14.668a1 1 0 0 1 1.413-1.414l1.628 1.627V4a1 1 0 0 1 2 0v5.585l1.625-1.626a1 1 0 0 1 1.415 1.414l-3.334 3.334a1 1 0 0 1-1.414 0zM14.533 16a1 1 0 0 1 1-1h.933a1 1 0 1 1 0 2h-.933a1 1 0 0 1-1-1m-4.666 0a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2h-.933a1 1 0 0 1-1-1m-4.2 0a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2h-.466a1 1 0 0 1-1-1"/></g><defs><clipPath id="media_dimension-thickness_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * DimensionThickness32 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>
