<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M3 6.667a1 1 0 0 1 1-1h6a1 1 0 0 1 .894 1.447c-.166.332-.221 1.162.167 1.939.342.683 1.009 1.28 2.272 1.28 1.264 0 1.93-.597 2.273-1.28.388-.777.332-1.607.166-1.94a1 1 0 0 1 .895-1.447h6a1 1 0 0 1 1 1v5.296c.73-.147 1.573-.195 2.376-.023.748.16 1.516.525 2.089 1.234.574.71.868 1.66.868 2.827s-.294 2.117-.868 2.827c-.574.708-1.34 1.074-2.09 1.234-.802.172-1.645.124-2.375-.024v5.296a1 1 0 0 1-1 1h-6a1 1 0 0 1-.895-1.447c.166-.332.222-1.163-.166-1.939-.342-.684-1.01-1.28-2.273-1.28s-1.93.596-2.272 1.28c-.388.776-.333 1.607-.167 1.939A1 1 0 0 1 10 26.333H4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1.447-.894c.332.166 1.163.221 1.94-.167.683-.342 1.28-1.009 1.28-2.272 0-1.264-.597-1.93-1.28-2.272-.777-.389-1.608-.333-1.94-.167A1 1 0 0 1 3 12.666zm2 1v3.77a4.85 4.85 0 0 1 2.28.502c1.317.658 2.387 1.991 2.387 4.06s-1.07 3.404-2.386 4.062A4.85 4.85 0 0 1 5 20.563v3.77h3.77a4.85 4.85 0 0 1 .502-2.28c.658-1.317 1.992-2.387 4.061-2.387s3.403 1.07 4.061 2.387c.359.716.526 1.529.503 2.28h3.77v-5.666a1 1 0 0 1 1.447-.895c.515.258 1.616.525 2.51.333q.626-.133.953-.536c.217-.27.423-.737.423-1.57 0-.832-.206-1.3-.423-1.568q-.327-.403-.953-.537c-.894-.191-1.995.076-2.51.334a1 1 0 0 1-1.447-.895V7.667h-3.77a4.85 4.85 0 0 1-.503 2.28c-.658 1.317-1.99 2.386-4.06 2.386s-3.404-1.07-4.062-2.386a4.85 4.85 0 0 1-.502-2.28z"/></svg></template>
<script setup lang="ts">
/**
 * Modular32 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>
