<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="m15.172 5.461-.211.453-.212.453.31.076.186.045.84.205.646.157.495.12-.194.418-.668 1.431-.194.417-.411-.301-.535-.394-.698-.512-.154-.114-.257-.188-.211.453-.634 1.36-.18-.084-.273-.128-1.36-.634-.453-.211.846-1.813a17 17 0 0 0-1.345-.55 25 25 0 0 0-.52-.183c-1.293-.44-2.425-.715-2.425-.715.647-.684 1.975-1.066 3.207-1.131.838-.044 1.632.059 2.14.313l.452.212 1.632.76zm-1.344 5.999c.403-.117.767-.36 1.03-.705l.127.093a2 2 0 0 0 2.997-.766l1.057-2.266a2 2 0 0 0-1.34-2.788l-.614-.15a2 2 0 0 0-1.068-1.23l-2.244-1.046c-1.15-.565-2.674-.597-3.867-.438-1.192.16-2.779.606-3.798 1.683a2 2 0 0 0 .978 3.318h.003l.016.004.071.018.282.074a32 32 0 0 1 1.68.502 2 2 0 0 0 .113 1.682l-4.266 9.149a2.5 2.5 0 0 0 4.531 2.113zm-2.022-.396-.906-.423-2.499 5.36h1.103z"/></svg></template>
<script setup lang="ts">
/**
 * Hammer24 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>
