<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="M16.353 2.98a.5.5 0 0 1 0 .707c-.407.406-.458.713-.42.971.045.319.232.646.495 1.084l.023.038c.234.389.53.88.606 1.42.088.617-.11 1.227-.704 1.82a.5.5 0 1 1-.707-.707c.407-.407.458-.714.421-.972-.045-.318-.233-.645-.496-1.084l-.023-.038c-.233-.389-.529-.88-.606-1.42-.088-.617.111-1.226.704-1.82a.5.5 0 0 1 .707 0m-7.019 9.353a1 1 0 0 0-1 1v9.333A6.333 6.333 0 0 0 14.667 29h2.667a6.34 6.34 0 0 0 5.902-4.032 5 5 0 0 0 .431-9.868v-1.767a1 1 0 0 0-1-1zm14.333 4.837v5.496q0 .083-.002.164a3.001 3.001 0 0 0 .002-5.66m-13.333-.337v-2.5h11.333v2.5zm0 1v4.833A4.333 4.333 0 0 0 14.667 27h2.667a4.333 4.333 0 0 0 4.333-4.334v-4.833zm2.02-11.48a.5.5 0 1 0-.708-.707c-.442.442-.578.929-.517 1.416.052.42.253.819.407 1.128l.017.033c.176.353.297.607.326.839.022.18-.008.36-.233.584a.5.5 0 1 0 .708.707c.442-.442.578-.928.517-1.415-.052-.42-.252-.82-.407-1.13l-.017-.032c-.176-.353-.297-.606-.326-.838-.022-.18.008-.36.233-.585m8.385-.707a.5.5 0 0 1 0 .707c-.225.225-.255.405-.232.585.029.232.15.485.326.838l.016.033c.155.31.355.709.408 1.129.06.487-.076.973-.518 1.415a.5.5 0 1 1-.707-.707c.224-.224.255-.405.232-.584-.029-.232-.15-.486-.326-.839l-.016-.033c-.155-.309-.355-.709-.408-1.128-.06-.487.076-.974.518-1.416a.5.5 0 0 1 .707 0"/></svg></template>
<script setup lang="ts">
/**
 * Coffee32 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>
