<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M21.333 2.833a.5.5 0 0 1 .5.5v2.334h3.501a1 1 0 0 1 1 1v3.5h2.332a.5.5 0 1 1 0 1h-2.332V15.5h2.332a.5.5 0 1 1 0 1h-2.332v4.333h2.332a.5.5 0 0 1 0 1h-2.332v3.501a1 1 0 0 1-1 1h-3.501v2.332l-.01.102a.5.5 0 0 1-.98 0l-.01-.102v-2.332H16.5v2.332l-.01.102a.5.5 0 0 1-.98 0l-.01-.102v-2.332h-4.333v2.332l-.01.102a.5.5 0 0 1-.98 0l-.01-.102v-2.332h-3.5a1 1 0 0 1-1-1v-3.501H3.333a.5.5 0 0 1 0-1h2.334V16.5H3.333a.5.5 0 0 1 0-1h2.334v-4.333H3.333a.5.5 0 0 1 0-1h2.334v-3.5a1 1 0 0 1 1-1h3.5V3.333a.5.5 0 0 1 1 0v2.334H15.5V3.333a.5.5 0 0 1 1 0v2.334h4.333V3.333a.5.5 0 0 1 .5-.5M7.667 24.334h16.667V7.667H7.667zm13.667-14.167a.5.5 0 0 1 .5.5v10.667a.5.5 0 0 1-.5.5H10.667a.5.5 0 0 1-.5-.5V10.667a.5.5 0 0 1 .5-.5zM11.167 20.834h9.667v-9.667h-9.667z"/></svg></template>
<script setup lang="ts">
/**
 * Cpu32 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>
