<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M2.293 2.293a1 1 0 0 1 1.338-.069l.076.069 18 18 .068.076a1 1 0 0 1-1.406 1.406l-.076-.068-4.3-4.3C14.806 18.046 13.455 18.5 12 18.5c-2.722 0-5.082-1.58-6.677-3.005a19.3 19.3 0 0 1-2.45-2.657l-.14-.192-.039-.054-.012-.015q0-.003-.003-.005v-.002h-.001a1 1 0 0 1 0-1.14l.001-.002.003-.005.012-.016.038-.054q.05-.068.142-.191a19.2 19.2 0 0 1 2.45-2.657q.445-.4.967-.8L2.293 3.707l-.069-.076a1 1 0 0 1 .069-1.338m5.426 6.84c-.372.272-.728.563-1.063.862a17 17 0 0 0-1.72 1.786q-.097.116-.178.219a17 17 0 0 0 1.898 2.005C8.137 15.329 10.027 16.5 12 16.5c.859 0 1.7-.225 2.5-.585l-1.21-1.21c-.39.188-.827.295-1.29.295a3 3 0 0 1-2.706-4.292L7.719 9.134ZM12 5.5c2.722 0 5.082 1.579 6.678 3.005a19.2 19.2 0 0 1 2.449 2.657l.141.191.038.054.012.016.003.005.001.002h.001l.078.134a1 1 0 0 1 0 .871l-.078.134v.001l-.002.002-.003.005-.012.015q-.013.02-.038.054-.049.069-.141.192a19.5 19.5 0 0 1-2.07 2.305l-1.414-1.415a18 18 0 0 0 1.422-1.51q.095-.115.177-.218-.082-.103-.177-.219a17 17 0 0 0-1.72-1.786C15.861 8.67 13.971 7.5 12 7.5q-.278.002-.553.033L9.763 5.849A7.6 7.6 0 0 1 12 5.5"/></svg></template>
<script setup lang="ts">
/**
 * EyeOff24 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>
