<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M1.97 1.97a.75.75 0 0 1 1.004-.052l.056.052 15 15 .052.056a.75.75 0 0 1-1.056 1.056l-.056-.052-3.626-3.626c-.993.543-2.125.93-3.344.93-2.236 0-4.183-1.299-5.508-2.482a16 16 0 0 1-2.03-2.204l-.117-.158-.032-.044-.008-.012-.003-.004-.001-.002.616-.428-.616-.427V9.57l.004-.004.008-.012.032-.044a14 14 0 0 1 .553-.707c.375-.45.92-1.051 1.594-1.655.268-.239.561-.483.877-.72L1.97 3.03l-.051-.056A.75.75 0 0 1 1.97 1.97m4.472 5.533c-.334.24-.653.499-.95.765A14.4 14.4 0 0 0 3.856 10a14.5 14.5 0 0 0 1.634 1.732c1.24 1.108 2.834 2.102 4.509 2.102.769 0 1.52-.211 2.229-.545l-1.137-1.137a2.4 2.4 0 0 1-1.092.264 2.417 2.417 0 0 1-2.154-3.51zM10 4.667c2.237 0 4.184 1.298 5.509 2.482a16 16 0 0 1 2.03 2.204q.076.1.116.158l.032.044q.006.008.01.012l.002.004.001.001v.001l.059.1a.75.75 0 0 1-.059.754L17.084 10l.616.428v.002q-.003 0-.004.004l-.009.012-.032.044a14 14 0 0 1-.553.707c-.326.392-.784.896-1.342 1.42l-1.062-1.062c.52-.483.948-.953 1.253-1.319q.106-.128.192-.236a14.5 14.5 0 0 0-1.634-1.732c-1.24-1.108-2.834-2.1-4.509-2.101q-.323 0-.642.048L8.112 4.97A6.3 6.3 0 0 1 10 4.667M2.917 10l-.617.427a.75.75 0 0 1 0-.854z"/></svg></template>
<script setup lang="ts">
/**
 * EyeOff20 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>
