<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="M7.885 7.946c.28-.152.726-.28 1.449-.28v-2c-.944 0-1.747.165-2.406.523-.674.367-1.125.9-1.414 1.506C5 8.777 5 10.14 5 11.217v.116c0 1.24-.02 2.15-.32 2.779a1.28 1.28 0 0 1-.564.609c-.28.152-.726.279-1.449.279v2c.723 0 1.17.127 1.449.28.263.142.437.34.565.608.299.628.32 1.538.32 2.778v.117c-.001 1.076-.002 2.44.513 3.522.289.606.74 1.138 1.414 1.505.659.359 1.462.523 2.406.523v-2c-.723 0-1.17-.127-1.45-.28a1.28 1.28 0 0 1-.564-.608c-.3-.628-.32-1.538-.32-2.778v-.117c.001-1.076.002-2.44-.513-3.522-.181-.379-.425-.73-.748-1.028.323-.3.567-.65.748-1.029C7.002 13.89 7 12.526 7 11.45v-.116c0-1.24.02-2.15.32-2.778.128-.27.302-.466.565-.61m16.23 0c-.278-.152-.725-.28-1.448-.28v-2c.944 0 1.747.165 2.405.523.675.367 1.126.9 1.415 1.506.515 1.082.514 2.446.513 3.522v.116c0 1.24.02 2.15.32 2.779.128.269.302.465.565.609.28.152.726.279 1.449.279v2c-.723 0-1.17.127-1.45.28a1.28 1.28 0 0 0-.564.608c-.3.628-.32 1.538-.32 2.778v.117c.001 1.076.002 2.44-.513 3.522a3.28 3.28 0 0 1-1.415 1.505c-.658.359-1.461.523-2.405.523v-2c.723 0 1.17-.127 1.449-.28a1.28 1.28 0 0 0 .565-.608c.299-.628.32-1.538.32-2.778v-.117c-.001-1.076-.002-2.44.513-3.522.18-.379.425-.73.747-1.028a3.4 3.4 0 0 1-.747-1.029C25 13.89 25 12.526 25 11.45v-.116c0-1.24-.02-2.15-.32-2.778a1.28 1.28 0 0 0-.564-.61M10.445 12h1.98l2.1 6.95h-1.67l-.36-1.29h-2.21l-.35 1.29h-1.6zm1.68 4.34-.76-2.69-.73 2.69zM15.439 12h2.33q.74 0 1.31.27.58.27.9.79.33.519.33 1.23 0 .73-.33 1.26t-.91.81q-.58.27-1.32.27h-.76v2.32h-1.55zm2.21 3.31q.5 0 .78-.26.29-.26.29-.75 0-.48-.28-.72-.27-.25-.75-.25h-.7v1.98zM22.937 12h-1.55v6.95h1.55z"/></svg></template>
<script setup lang="ts">
/**
 * Api32 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>
