<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M11.85 1.296a.75.75 0 0 1 .87.608l.433 2.462a.75.75 0 0 1-.608.87l-.082.014 1.607 9.11a3.25 3.25 0 0 1-6.37 1.293l-.033-.164-1.606-9.11-.083.014a.75.75 0 0 1-.869-.609l-.434-2.462a.75.75 0 0 1 .609-.868l6.565-1.158ZM9.146 15.228l.04.175a1.751 1.751 0 0 0 3.406-.783l-.202-1.149-.903.16a.5.5 0 1 1-.174-.985l.903-.16-.116-.657-.903.16a.5.5 0 0 1-.173-.985l.903-.16-.061-.345H8.312l.834 4.73ZM8.136 9.5h2.334a.5.5 0 0 1 .264-.138l.903-.159-.116-.656-.903.16a.5.5 0 0 1-.173-.985l.903-.16-.362-2.051-3.447.608zM6.457 4.785l5.089-.897-.174-.985-5.088.898z"/></svg></template>
<script setup lang="ts">
/**
 * Sample20 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>
