<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M1.8 9.834a1 1 0 0 1 .367-1.367l9.237-5.333a1 1 0 0 1 1.366.366l1.251 2.167h7.312a1 1 0 0 1 1 1v.7l6.071 3.506a1 1 0 0 1 .366 1.366l-5.477 9.487.144.25a1 1 0 0 1-.366 1.365l-9.238 5.334a1 1 0 0 1-1.366-.366zM20.334 16.6l-5.157-8.933h5.157zm-16.3-6.9 9.666 16.743 7.506-4.334-9.667-16.743zm18.3-.023v9.71l4.205-7.282zM14.5 20a.833.833 0 1 1 1.667 0 .833.833 0 0 1-1.667 0m.833-1.833a1.833 1.833 0 1 0 0 3.666 1.833 1.833 0 0 0 0-3.666"/></svg></template>
<script setup lang="ts">
/**
 * Pantone32 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>
