<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10.353 1.73a.5.5 0 0 1 0 .707c-.22.219-.224.354-.21.448.022.154.115.325.285.607l.019.032c.142.237.345.574.399.95.064.452-.088.89-.493 1.296a.5.5 0 1 1-.708-.707c.22-.22.224-.354.21-.448-.021-.155-.115-.326-.285-.608l-.019-.032c-.142-.237-.345-.574-.398-.949-.065-.453.087-.89.492-1.297a.5.5 0 0 1 .708 0m-4.52 5.853a.75.75 0 0 0-.75.75v5.833a4.083 4.083 0 0 0 4.083 4.084h1.667a4.085 4.085 0 0 0 3.778-2.53 3.25 3.25 0 0 0 .305-6.383V8.333a.75.75 0 0 0-.75-.75zm9.083 6.498a1.75 1.75 0 0 0 0-3.163zm-8.333-3.748v-1.25h6.833v1.25zm0 1v2.833a2.583 2.583 0 0 0 2.583 2.584h1.667a2.583 2.583 0 0 0 2.583-2.584v-2.833zm1.27-7.23a.5.5 0 1 0-.707-.707c-.317.317-.422.679-.377 1.04.037.296.175.572.27.76l.013.027c.114.228.172.357.185.464.007.054.008.11-.091.21a.5.5 0 0 0 .707.706c.317-.317.422-.678.377-1.04-.037-.296-.175-.571-.27-.76l-.014-.027c-.114-.228-.172-.356-.185-.463-.007-.055-.008-.11.092-.21m5.24-.707a.5.5 0 0 1 0 .707c-.099.1-.098.155-.091.21.013.107.071.235.185.463l.014.027c.094.189.233.464.27.76.045.362-.06.723-.377 1.04a.5.5 0 1 1-.707-.707c.1-.1.098-.155.091-.21-.013-.106-.071-.235-.185-.463l-.014-.027c-.094-.188-.232-.464-.27-.76-.045-.361.06-.723.378-1.04a.5.5 0 0 1 .707 0"/></svg></template>
<script setup lang="ts">
/**
 * Coffee20 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>
