<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="M10 4.5A1.5 1.5 0 0 1 11.5 6v2.5H38a1.5 1.5 0 0 1 1.5 1.5v26.5H42a1.5 1.5 0 0 1 0 3h-2.5V42a1.5 1.5 0 0 1-3 0v-2.5H10A1.5 1.5 0 0 1 8.5 38V11.5H6a1.5 1.5 0 0 1 0-3h2.5V6A1.5 1.5 0 0 1 10 4.5M11.5 33v3.5h25V33zm0-2h2.882l5.724-11.447.069-.118a1.002 1.002 0 0 1 1.693.069l3.35 5.863 2.075-2.074.085-.075a1 1 0 0 1 1.47.252L33.554 31H36.5V11.5h-25zm5.118 0h14.577l-3.378-5.404-2.11 2.111a1 1 0 0 1-1.575-.21l-3.073-5.379L16.619 31ZM31 15a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/></svg></template>
<script setup lang="ts">
/**
 * ImageCrop48 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>
