<script setup>
import BaseIcon from "@/components/common/icons/BaseIcon.vue";

const props = defineProps({
  color: { Type: String, default: "text-primary" },
});
</script>
<template>
  <BaseIcon viewBox="0 0 21 20" :className="props.color">
    <path
      d="M13.9259 12.5048C14.9093 11.1627 15.3498 9.49876 15.1592 7.84583C14.9686 6.19289 14.161 4.67288 12.8979 3.5899C11.6349 2.50692 10.0096 1.94083 8.34715 2.0049C6.68472 2.06897 5.10778 2.75846 3.93181 3.93543C2.75585 5.1124 2.06759 6.69005 2.00472 8.35276C1.94185 10.0155 2.50902 11.6406 3.59275 12.903C4.67648 14.1655 6.19685 14.9721 7.8497 15.1616C9.50254 15.351 11.166 14.9093 12.5072 13.9248H12.5061C12.5359 13.9654 12.5691 14.0044 12.6057 14.0416L16.5157 17.9522C16.7061 18.1428 16.9644 18.2499 17.2338 18.25C17.5033 18.2501 17.7617 18.1432 17.9522 17.9527C18.1428 17.7622 18.2499 17.5039 18.25 17.2344C18.2501 16.965 18.1432 16.7065 17.9527 16.5159L14.0427 12.6054C14.0064 12.5686 13.9674 12.5357 13.9259 12.5048ZM14.188 8.60036C14.188 9.33399 14.0435 10.0604 13.7628 10.7382C13.4821 11.416 13.0706 12.0319 12.5519 12.5506C12.0332 13.0694 11.4175 13.4809 10.7398 13.7616C10.0621 14.0424 9.33575 14.1869 8.60223 14.1869C7.8687 14.1869 7.14235 14.0424 6.46466 13.7616C5.78697 13.4809 5.1712 13.0694 4.65252 12.5506C4.13384 12.0319 3.7224 11.416 3.44169 10.7382C3.16098 10.0604 3.0165 9.33399 3.0165 8.60036C3.0165 7.11873 3.60499 5.69777 4.65252 4.6501C5.70005 3.60243 7.1208 3.01385 8.60223 3.01385C10.0837 3.01385 11.5044 3.60243 12.5519 4.6501C13.5995 5.69777 14.188 7.11873 14.188 8.60036Z"
      fill="currentColor"
    />
  </BaseIcon>
</template>

<style scoped></style>
