<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#ui_eye-off_32__a)"><path d="M3.293 3.293a1 1 0 0 1 1.338-.068l.076.068 24 24 .068.076a1 1 0 0 1-1.406 1.406l-.076-.068-5.91-5.91c-1.597.894-3.42 1.537-5.383 1.537-3.504 0-6.572-2.038-8.68-3.922a25.3 25.3 0 0 1-3.22-3.495q-.12-.16-.185-.25l-.05-.07-.013-.019-.004-.006-.001-.002h-.001l.822-.57c-.76-.525-.818-.566-.822-.57l.002-.002q0-.003.004-.006l.013-.02.05-.069a22 22 0 0 1 .876-1.12 25 25 0 0 1 2.53-2.625 21 21 0 0 1 1.576-1.278L3.293 4.707l-.068-.076a1 1 0 0 1 .068-1.338m7.035 8.45c-.594.417-1.155.871-1.675 1.336A23.3 23.3 0 0 0 5.917 16a23.3 23.3 0 0 0 2.736 2.922c1.994 1.782 4.592 3.412 7.347 3.412 1.358 0 2.678-.398 3.906-1.014l-2.12-2.12a3.64 3.64 0 0 1-1.786.466 3.667 3.667 0 0 1-3.201-5.453zM16 7.666c3.504 0 6.573 2.037 8.68 3.92a25.3 25.3 0 0 1 3.222 3.497l.185.249.049.07.013.019.004.006.002.002c-.002.003-.046.033-.821.57l.821.57-.002.002q0 .003-.004.006l-.013.02-.05.069a23 23 0 0 1-.876 1.12 26 26 0 0 1-2.006 2.139l-1.414-1.414A24 24 0 0 0 26.083 16a23.3 23.3 0 0 0-2.735-2.92C21.354 11.296 18.755 9.666 16 9.666q-.497.001-.986.068L13.33 8.052A9.7 9.7 0 0 1 16 7.667Zm-1.65 8.098a1.667 1.667 0 0 0 1.883 1.883l-1.882-1.883ZM4.668 16l-.822.57a1 1 0 0 1 0-1.138zm23.49-.568a1 1 0 0 1 0 1.137L27.333 16l.822-.568Z"/></g><defs><clipPath id="ui_eye-off_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * EyeOff32 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>
