<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="M6.535 4a2 2 0 0 0-1.664.89L2.588 8.316a2 2 0 0 0 .146 2.411l7.748 9.039a2 2 0 0 0 3.037 0l7.747-9.039a2 2 0 0 0 .146-2.411l-2.283-3.424A2 2 0 0 0 17.465 4zm0 2H8.51L7.397 8.5H4.87zm1.957 2.5L9.602 6h4.796l1.11 2.5zm7.036 2H8.473l3.298 7.696.23.267.228-.267zm-1.123 5.157 2.21-5.157h2.21zM16.603 8.5 15.492 6h1.973l1.666 2.5zm-11.429 2h2.21l2.211 5.158z"/></svg></template>
<script setup lang="ts">
/**
 * Premium24 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>
