<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="M1.134 7.5A1 1 0 0 1 1.5 6.134l6.928-4a1 1 0 0 1 1.366.366L10.66 4H16a1 1 0 0 1 1 1v.381l4.428 2.557a1 1 0 0 1 .366 1.366l-4.036 6.99.036.063a1 1 0 0 1-.366 1.366l-6.928 4a1 1 0 0 1-1.366-.366zM15 11.517 11.815 6H15zM3.366 7.367l7 12.124 5.196-3-7-12.125zM17 7.69v5.917l2.562-4.438zM11 15a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0m.5-1.5a1.5 1.5 0 1 0 0 2.999 1.5 1.5 0 0 0 0-3"/></svg></template>
<script setup lang="ts">
/**
 * Pantone24 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>
