<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 9.833V9.5h12.167v6.833zm0 2V27h12.167v-8.667zM9.5 29v8.667h12.167V29zm0 10.667V54.5h12.167V39.667zM23.667 54.5h16.666V39.667H23.667zm18.666 0H54.5V39.667H42.333zM54.5 37.667V29H42.333v8.667zM54.5 27v-8.667H42.333V27zm0-10.667V9.5H42.333v6.833zM40.333 9.5H23.667v28.167h16.666zM27 20a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v10.667a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1zm2 1v6h6v-6z"/></svg></template>
<script setup lang="ts">
/**
 * Locker64 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>
