<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M8 6.5A1.5 1.5 0 0 0 6.5 8v48A1.5 1.5 0 0 0 8 57.5h48a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 56 6.5zm1.5 35.167V9.5h45v32.167h-8.549l-7.723-15.448a1 1 0 0 0-1.79 0l-3.105 6.212-5.772-11.545a1 1 0 0 0-1.789 0l-10.39 20.78zm35.831 2H9.5V54.5h45V43.667h-9.169m-7.998-14.764 6.382 12.764H17.618l9.049-18.098 5.772 11.545a1 1 0 0 0 1.789 0zM37 17.333a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0m1.667-3.666a3.667 3.667 0 1 0 0 7.333 3.667 3.667 0 0 0 0-7.333"/></svg></template>
<script setup lang="ts">
/**
 * Image64 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>
