<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="M11.827 11.919c.419-.228 1.089-.419 2.173-.419v-3c-1.416 0-2.62.247-3.608.784a4.9 4.9 0 0 0-2.121 2.259c-.773 1.623-.772 3.668-.771 5.283V17c0 1.86-.03 3.225-.48 4.168a1.92 1.92 0 0 1-.847.913c-.419.228-1.089.419-2.173.419v3c1.084 0 1.754.19 2.173.419.395.215.656.51.848.913.448.943.479 2.308.479 4.168v.174c-.001 1.615-.002 3.66.77 5.283a4.9 4.9 0 0 0 2.122 2.259c.987.537 2.192.784 3.608.784v-3c-1.084 0-1.754-.19-2.173-.419a1.92 1.92 0 0 1-.848-.913c-.448-.943-.479-2.307-.479-4.168v-.174c.001-1.615.002-3.66-.77-5.283A5 5 0 0 0 8.607 24c.484-.448.85-.974 1.121-1.543.773-1.623.772-3.668.771-5.283V17c0-1.86.03-3.225.48-4.168.191-.403.452-.698.847-.913m24.346 0c-.419-.228-1.089-.419-2.173-.419v-3c1.416 0 2.62.247 3.608.784a4.9 4.9 0 0 1 2.121 2.259c.773 1.623.772 3.668.771 5.283V17c0 1.86.03 3.225.48 4.168.191.403.452.698.847.913.419.228 1.089.419 2.173.419v3c-1.084 0-1.754.19-2.173.419-.395.215-.656.51-.848.913-.448.943-.479 2.307-.479 4.168v.174c.001 1.615.002 3.66-.77 5.283a4.9 4.9 0 0 1-2.122 2.259c-.987.537-2.192.784-3.608.784v-3c1.084 0 1.754-.19 2.173-.419.395-.215.656-.51.848-.913.448-.943.479-2.307.479-4.168v-.174c-.001-1.615-.002-3.66.77-5.283A5 5 0 0 1 39.393 24a5 5 0 0 1-1.121-1.543c-.773-1.623-.772-3.668-.771-5.283V17c0-1.86-.03-3.225-.48-4.168a1.92 1.92 0 0 0-.847-.913M15.665 18h2.97l3.15 10.425H19.28l-.54-1.935h-3.315l-.525 1.935h-2.4zm2.52 6.51-1.14-4.035-1.095 4.035zM23.158 18h3.495q1.11 0 1.965.405.87.405 1.35 1.185.495.78.495 1.845 0 1.095-.495 1.89a3.2 3.2 0 0 1-1.365 1.215q-.87.405-1.98.405h-1.14v3.48h-2.325zm3.315 4.965q.75 0 1.17-.39.435-.39.435-1.125 0-.72-.42-1.08-.405-.375-1.125-.375h-1.05v2.97zM34.404 18H32.08v10.425h2.325z"/></svg></template>
<script setup lang="ts">
/**
 * Api48 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>
