<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M2 5a1 1 0 0 1 1-1h4.5a1 1 0 0 1 .894 1.447c-.082.165-.138.704.125 1.23.217.434.634.823 1.481.823s1.264-.389 1.48-.822c.264-.527.208-1.066.126-1.23A1 1 0 0 1 12.5 4H17a1 1 0 0 1 1 1v3.675a4.5 4.5 0 0 1 1.585.035c.602.129 1.234.426 1.708 1.013.475.587.707 1.36.707 2.277 0 .918-.232 1.69-.707 2.277-.474.587-1.106.884-1.709 1.013a4.5 4.5 0 0 1-1.584.035V19a1 1 0 0 1-1 1h-4.5a1 1 0 0 1-.894-1.447c.082-.165.138-.704-.125-1.23-.217-.434-.634-.823-1.481-.823s-1.264.389-1.48.822c-.264.527-.208 1.066-.126 1.23A1 1 0 0 1 7.5 20H3a1 1 0 0 1-1-1v-4.5a1 1 0 0 1 1.447-.894c.165.082.704.138 1.23-.125.434-.217.823-.634.823-1.481s-.389-1.264-.822-1.48c-.527-.264-1.066-.208-1.23-.126A1 1 0 0 1 2 9.5zm2 1v2.329a3.9 3.9 0 0 1 1.572.402C6.64 9.264 7.5 10.347 7.5 12s-.861 2.736-1.928 3.27c-.49.244-1.04.38-1.572.401V18h2.329a3.9 3.9 0 0 1 .402-1.572C7.264 15.36 8.347 14.5 10 14.5s2.736.861 3.27 1.928c.244.49.38 1.04.401 1.572H16v-4a1 1 0 0 1 1.447-.894c.349.174 1.116.358 1.718.229.273-.059.454-.168.573-.315S20 12.582 20 12s-.143-.873-.262-1.02-.3-.256-.572-.315c-.603-.129-1.37.055-1.719.23A1 1 0 0 1 16 10V6h-2.329a3.9 3.9 0 0 1-.402 1.572C12.736 8.64 11.653 9.5 10 9.5s-2.736-.861-3.27-1.928A3.9 3.9 0 0 1 6.33 6z"/></svg></template>
<script setup lang="ts">
/**
 * Modular24 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>
