<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M13.333 6.5a1.5 1.5 0 0 1 1.5 1.5v3.833h35.834a1.5 1.5 0 0 1 1.5 1.5v35.834H56a1.5 1.5 0 0 1 0 3h-3.833V56a1.5 1.5 0 0 1-3 0v-3.833H13.333a1.5 1.5 0 0 1-1.5-1.5V14.833H8a1.5 1.5 0 0 1 0-3h3.833V8a1.5 1.5 0 0 1 1.5-1.5m1.5 37.167v5.5h34.334v-5.5zm0-2h4.549l7.724-15.447.069-.118a1.002 1.002 0 0 1 1.693.069l4.683 8.196 3.075-3.074a1 1 0 0 1 1.556.178l6.372 10.196h4.613V14.833H14.833zm6.785 0h20.577l-5.044-8.071-3.11 3.111a1 1 0 0 1-1.576-.21l-4.406-7.712-6.44 12.882Zm19.716-21.334a3.667 3.667 0 1 1-.002 7.334 3.667 3.667 0 0 1 .002-7.334m0 2a1.668 1.668 0 1 0 .001 3.335 1.668 1.668 0 0 0 0-3.335Z"/></svg></template>
<script setup lang="ts">
/**
 * ImageCrop64 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>
