<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M17.423 5.526a1.5 1.5 0 0 0-2.484-.587l-10 10a1.5 1.5 0 0 0 .587 2.484l5.664 1.888 1.685 1.685-.15.043a1 1 0 1 0 .55 1.922l1.217-.347L15.88 24 4.939 34.94A1.5 1.5 0 0 0 4.5 36v6A1.5 1.5 0 0 0 6 43.5h6a1.5 1.5 0 0 0 1.06-.44l10.07-10.068q.073-.01.145-.03l1.217-.348 3.382 3.382-.149.042a1 1 0 0 0 .55 1.923l1.217-.347 5.447 5.447A1.5 1.5 0 0 0 36 43.5h6a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-.44-1.06l-.935-.936.15-.043a1 1 0 1 0-.55-1.923l-1.217.348-3.383-3.382.15-.043a1 1 0 1 0-.55-1.923l-1.217.348-3.383-3.382.15-.043a1 1 0 0 0 .717-.832l3.818-3.818 5.664-1.888a1.5 1.5 0 0 0 .587-2.484l-10-10a1.5 1.5 0 0 0-2.484.587l-1.888 5.664L24 15.879l-4.689-4.69zm19.785 27.803-3.382-3.382-6.034 1.724 3.382 3.382zm-4.416 3.342 3.83 3.829H40.5v-3.879l-1.674-1.674zm-6.618-6.618 6.034-1.724-3.382-3.382-6.034 1.724zm1.034-6.724-3.382-3.382-6.034 1.724 3.382 3.382zm-10.201 3.786q.008.08.032.16a1 1 0 0 0 1.236.687l1.217-.348L21.88 30l-5 5H13v-3.879zm-.833-7.062 6.034-1.724-4.561-4.561-3.88 3.878zm11.1-1.092-.148.043L30 21.88l4.232-4.233-3.878-3.878-3.239 3.238a1 1 0 0 1 .16 1.956M7.5 36.622l3.5-3.5v2.465l-3.5 3.5zM8.914 40.5h2.465l3.5-3.5h-2.465zm26.96-24.04-4.335-4.335 1.117-3.348 6.567 6.568zm-23.749 0-3.348-1.116 6.568-6.567 1.116 3.348z"/></svg></template>
<script setup lang="ts">
/**
 * Hardware48 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>
