<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M14.203 1.457a1 1 0 0 1 1.159.811l.52 2.955a1 1 0 0 1-.81 1.158l1.91 10.833.03.204a4 4 0 0 1-7.868 1.387l-.041-.202L7.193 7.77a1 1 0 0 1-1.159-.81l-.52-2.955a1 1 0 0 1 .81-1.159l7.88-1.389Zm-3.13 16.799.046.2a2 2 0 0 0 3.893-.895l-.26-1.477-.985.174a.5.5 0 1 1-.174-.985l.985-.174-.174-.984-.985.173a.5.5 0 1 1-.173-.985l.984-.173-.11-.63h-4.063zM9.88 11.5l2.728-.001a.5.5 0 0 1 .29-.165l.984-.174-.173-.985-.985.174a.5.5 0 0 1-.174-.985l.985-.173-.434-2.462-3.94.694.72 4.077ZM7.83 5.627l5.908-1.042-.173-.985-5.91 1.042.174.985Z"/></svg></template>
<script setup lang="ts">
/**
 * Sample24 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>
