<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M7.378 2.263a.75.75 0 0 0-1.242-.293L1.97 6.136a.75.75 0 0 0 .293 1.242l2.332.778.576.575a.5.5 0 0 0 .383.916l.414-.118.471.471-4.47 4.47a.75.75 0 0 0-.219.53v2.5c0 .414.336.75.75.75H5a.75.75 0 0 0 .53-.22l4.227-4.226.378-.108 1.286 1.285a.5.5 0 0 0 .383.916l.414-.118 2.252 2.251c.14.141.331.22.53.22h2.5a.75.75 0 0 0 .75-.75V15a.75.75 0 0 0-.22-.53l-.284-.285a.5.5 0 0 0-.383-.916l-.415.119-1.285-1.286a.5.5 0 0 0-.384-.916l-.414.118-1.286-1.285a.5.5 0 0 0 .222-.26l1.604-1.603 2.332-.778a.75.75 0 0 0 .293-1.242L13.864 1.97a.75.75 0 0 0-1.242.293l-.777 2.332L10 6.439 8.156 4.595zm7.92 11.596-1.274-1.274-2.239.64 1.274 1.274zm-1.43 1.449 1.443 1.442h1.439v-1.44l-.643-.642zm-2.892-2.893 2.24-.64-1.275-1.274-2.24.64zm.156-2.723L9.857 8.418l-2.239.64 1.275 1.274zm-4.067 1.804a.5.5 0 0 0 .572.235l.415-.119.887.888-2 2H5.5v-1.44zM6.809 8.25l2.24-.64-1.726-1.725-1.44 1.44zm4.922-.886a.5.5 0 0 1-.235.572L12.5 8.94l1.616-1.616-1.44-1.44-1.18 1.182c.11.062.197.166.235.298M3.25 15.31l1.25-1.25v.732l-1.25 1.25zm.707 1.439h.732l1.25-1.25h-.732zm10.98-10.02L13.27 5.063l.391-1.175 2.45 2.45zm-9.874 0L3.888 6.34l2.45-2.45.392 1.174z"/></svg></template>
<script setup lang="ts">
/**
 * Hardware20 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>
