<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="M22.94 22.94a1.5 1.5 0 0 1 1.535-.363l18 6a1.5 1.5 0 0 1 0 2.846l-8.29 2.762-2.762 8.29a1.5 1.5 0 0 1-2.846 0l-6-18a1.5 1.5 0 0 1 .362-1.536ZM8 35.832a1.5 1.5 0 0 1 1.5 1.5V38.5h2a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 40v-2.667a1.5 1.5 0 0 1 1.5-1.5ZM22 38.5a1.5 1.5 0 0 1 0 3h-3.5a1.5 1.5 0 0 1 0-3zm8-1.243 1.577-4.732.066-.163a1.5 1.5 0 0 1 .882-.785L37.257 30 26.37 26.371zM8 25.167a1.5 1.5 0 0 1 1.5 1.5V32a1.5 1.5 0 0 1-3 0v-5.333a1.5 1.5 0 0 1 1.5-1.5M40 17a1.5 1.5 0 0 1 1.5 1.5V22a1.5 1.5 0 0 1-3 0v-3.5A1.5 1.5 0 0 1 40 17M8 14.5A1.5 1.5 0 0 1 9.5 16v5.333a1.5 1.5 0 0 1-3 0V16A1.5 1.5 0 0 1 8 14.5m32-8A1.5 1.5 0 0 1 41.5 8v3.5a1.5 1.5 0 0 1-3 0v-2h-1.167a1.5 1.5 0 0 1 0-3zm-29.18.008a1.5 1.5 0 0 1 0 2.984l-.153.008H9.5v1.167a1.5 1.5 0 0 1-3 0V8A1.5 1.5 0 0 1 8 6.5h2.667zM21.333 6.5a1.5 1.5 0 0 1 0 3H16a1.5 1.5 0 0 1 0-3zM32 6.5a1.5 1.5 0 0 1 0 3h-5.333a1.5 1.5 0 0 1 0-3z"/></svg></template>
<script setup lang="ts">
/**
 * ImageSelection48 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>
