<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="M14.054 2.386a2.518 2.518 0 1 1 3.56 3.56l-5.303 5.304.72.72a.75.75 0 1 1-1.061 1.06l-.72-.72-4.886 4.887a2.52 2.52 0 0 1-2.618.594l-.956.4a.75.75 0 0 1-.982-.98l.4-.957a2.52 2.52 0 0 1 .595-2.618l.49.49-.49-.49L7.69 8.75l-.72-.72a.75.75 0 0 1 1.06-1.06l.72.72zM3.864 14.697 8.75 9.81l.72.72.72.72-4.887 4.886.53.53-.53-.53a1.02 1.02 0 0 1-1.2.179.75.75 0 0 0-.33-.088.75.75 0 0 0-.088-.33 1.02 1.02 0 0 1 .179-1.2"/></svg></template>
<script setup lang="ts">
/**
 * Picker20 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>
