<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="M7.834 5.417a2.167 2.167 0 1 1 3.874 1.333H8.292a2.15 2.15 0 0 1-.459-1.333m.125 2.833H5.636l-1.417 8.5h11.563l-1.417-8.5zm5.458-1.5a3.667 3.667 0 1 0-6.833 0H5a.75.75 0 0 0-.74.627l-1.666 10a.75.75 0 0 0 .74.873h13.333a.75.75 0 0 0 .74-.873l-1.667-10A.75.75 0 0 0 15 6.75z"/></svg></template>
<script setup lang="ts">
/**
 * Weight20 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>
