<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="M5.535 3.417a1.75 1.75 0 0 0-1.456.779L2.296 6.87a1.75 1.75 0 0 0 .128 2.11l6.247 7.289c.234.272.53.454.848.544l.022.05.065-.028c.26.06.53.06.788 0l.066.028.021-.05c.318-.09.614-.272.848-.544l6.247-7.29a1.75 1.75 0 0 0 .128-2.109L15.92 4.196a1.75 1.75 0 0 0-1.456-.78zm6.541 9.675 3.793-4.425h-1.896zm1.888-5.925h2.135l-1.426-2.14a.25.25 0 0 0-.208-.11h-1.501zm-2.094-2.25 1 2.25H7.13l1-2.25zm1.015 3.75-2.877 6.713h-.015L7.116 8.666zm-4.96 4.425L6.027 8.666H4.13zM6.035 7.167l1-2.25h-1.5a.25.25 0 0 0-.209.11l-1.425 2.14z"/></svg></template>
<script setup lang="ts">
/**
 * Premium20 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>
