<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="M12.353 2.146a.5.5 0 0 1 0 .708c-.282.281-.302.474-.28.622.03.21.154.432.355.767l.02.034c.173.287.407.676.468 1.105.073.508-.095 1.003-.563 1.472a.5.5 0 1 1-.707-.708c.281-.281.301-.474.28-.622-.03-.21-.155-.432-.356-.767l-.02-.034c-.173-.287-.406-.676-.468-1.105-.072-.508.096-1.003.564-1.472a.5.5 0 0 1 .707 0M7 9a1 1 0 0 0-1 1v7a5 5 0 0 0 5 5h2a5 5 0 0 0 4.604-3.045A4.001 4.001 0 0 0 18 11.126V10a1 1 0 0 0-1-1zm11 7.732a2 2 0 0 0 0-3.464zM8 12.5V11h8v1.5zm0 1V17a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-3.5zm1.353-8.646a.5.5 0 1 0-.707-.708c-.359.36-.474.763-.424 1.166.042.337.201.654.316.882l.014.03c.135.27.214.44.233.588.012.096.002.193-.14.334a.5.5 0 1 0 .708.708c.359-.36.474-.762.424-1.166-.042-.337-.201-.654-.316-.882l-.014-.03c-.135-.27-.214-.44-.233-.588-.012-.097-.002-.193.14-.334m6.29-.708a.5.5 0 0 1 0 .708c-.142.14-.152.237-.14.334.02.149.098.319.233.588l.014.03c.115.228.274.545.316.882.05.404-.065.807-.424 1.166a.5.5 0 1 1-.707-.708c.141-.14.15-.238.139-.334-.019-.149-.098-.319-.233-.588l-.014-.03c-.115-.228-.274-.545-.316-.882-.05-.403.065-.807.424-1.166a.5.5 0 0 1 .707 0"/></svg></template>
<script setup lang="ts">
/**
 * Coffee24 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>
