<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="M6.033 6.18C6.195 6.09 6.486 6 7 6V4c-.736 0-1.383.128-1.923.423-.558.303-.93.744-1.167 1.24-.412.865-.41 1.94-.41 2.733V8.5c0 .949-.02 1.567-.215 1.976a.7.7 0 0 1-.318.345C2.805 10.909 2.514 11 2 11v2c.514 0 .805.09.967.179.146.08.242.185.318.345.195.41.215 1.027.215 1.976v.104c0 .793-.002 1.868.41 2.732.236.497.61.938 1.167 1.242.54.294 1.187.422 1.923.422v-2c-.514 0-.805-.09-.967-.179a.7.7 0 0 1-.318-.345C5.52 17.066 5.5 16.45 5.5 15.5v-.104c0-.793.002-1.868-.41-2.732A2.8 2.8 0 0 0 4.654 12c.18-.203.324-.427.436-.664.412-.864.41-1.939.41-2.732V8.5c0-.949.02-1.567.215-1.976a.7.7 0 0 1 .318-.345m11.934 0C17.805 6.09 17.514 6 17 6V4c.736 0 1.383.128 1.924.423.557.303.93.744 1.166 1.24.412.865.41 1.94.41 2.733V8.5c0 .949.02 1.567.215 1.976.076.16.172.265.318.345.162.088.453.179.967.179v2c-.514 0-.805.09-.967.179a.7.7 0 0 0-.318.345c-.195.41-.215 1.027-.215 1.976v.104c0 .793.002 1.868-.41 2.732a2.7 2.7 0 0 1-1.167 1.242c-.54.294-1.187.422-1.923.422v-2c.514 0 .805-.09.967-.179a.7.7 0 0 0 .318-.345c.195-.41.215-1.027.215-1.976v-.104c0-.793-.002-1.868.41-2.732.112-.237.256-.461.436-.664a2.8 2.8 0 0 1-.436-.664c-.412-.864-.41-1.939-.41-2.732V8.5c0-.949-.02-1.567-.215-1.976a.7.7 0 0 0-.318-.345M7.833 9h1.484l1.575 5.213H9.64l-.27-.968H7.713l-.263.968h-1.2zm1.26 3.255-.57-2.018-.548 2.018zM11.579 9h1.748q.555 0 .982.203.435.202.675.592.248.39.248.923 0 .547-.248.944a1.6 1.6 0 0 1-.682.608 2.3 2.3 0 0 1-.99.203h-.57v1.74h-1.163zm1.658 2.483q.375 0 .585-.196.217-.195.217-.562 0-.36-.21-.54-.202-.188-.562-.188h-.525v1.485zM17.202 9H16.04v5.213h1.162z"/></svg></template>
<script setup lang="ts">
/**
 * Api24 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>
