<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M1.017 6.208a.75.75 0 0 1 .275-1.024L7.065 1.85a.75.75 0 0 1 1.025.274l.745 1.292h4.498a.75.75 0 0 1 .75.75v.366l3.732 2.154a.75.75 0 0 1 .275 1.025l-3.388 5.867.054.093a.75.75 0 0 1-.274 1.025L8.708 18.03a.75.75 0 0 1-1.024-.274zm11.566 3.7L9.701 4.917h2.882zm-9.892-3.8 5.917 10.248 4.474-2.583L7.166 3.525zm11.392.157v5.386l2.333-4.04zM9.25 12.5a.333.333 0 1 1 .667 0 .333.333 0 0 1-.667 0m.333-1.333a1.333 1.333 0 1 0 0 2.666 1.333 1.333 0 0 0 0-2.666"/></svg></template>
<script setup lang="ts">
/**
 * Pantone20 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>
