<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 8v10.667a1.5 1.5 0 0 0 3 0V9.5h9.167a1.5 1.5 0 0 0 0-3zm37.333 0a1.5 1.5 0 0 0 0 3H54.5v9.167a1.5 1.5 0 0 0 3 0V8A1.5 1.5 0 0 0 56 6.5zM9.5 45.333a1.5 1.5 0 0 0-3 0V56A1.5 1.5 0 0 0 8 57.5h10.667a1.5 1.5 0 0 0 0-3H9.5zm48 0a1.5 1.5 0 0 0-3 0V54.5h-9.167a1.5 1.5 0 0 0 0 3H56a1.5 1.5 0 0 0 1.5-1.5zM31.244 12.038a1.5 1.5 0 0 1 1.512 0l16 9.333a1.5 1.5 0 0 1 .744 1.296v18.666a1.5 1.5 0 0 1-.744 1.296l-16 9.333a1.5 1.5 0 0 1-1.512 0l-16-9.333a1.5 1.5 0 0 1-.744-1.296V22.667a1.5 1.5 0 0 1 .744-1.296zM17.5 40.472V24.699L31 32.574v15.773zm29 0L33 48.347V32.574L46.5 24.7zM32 15.07l13.52 7.886L32 30.842l-13.52-7.886z"/></svg></template>
<script setup lang="ts">
/**
 * ViewAr64 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>
