<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#ui_eye-off_48__a)"><path d="M4.94 4.94a1.5 1.5 0 0 1 2.006-.104l.115.103 36 36 .103.115a1.5 1.5 0 0 1-2.11 2.11l-.115-.104-8.864-8.864C29.68 35.537 26.944 36.5 24 36.5c-5.256 0-9.859-3.055-13.02-5.882a38 38 0 0 1-4.833-5.243A22 22 0 0 1 5.871 25l-.074-.104-.02-.029-.008-.009-.001-.003h-.001c0-.001.01-.009 1.233-.855a241 241 0 0 1-1.233-.855l.002-.003.007-.01.02-.029.075-.103a34 34 0 0 1 1.313-1.68 38 38 0 0 1 3.795-3.938 31 31 0 0 1 2.364-1.918L4.939 7.06l-.103-.115a1.5 1.5 0 0 1 .103-2.007Zm10.552 12.673a28 28 0 0 0-2.514 2.005A35 35 0 0 0 8.876 24a35 35 0 0 0 4.104 4.382C15.969 31.055 19.867 33.5 24 33.5c2.037 0 4.016-.597 5.858-1.52l-3.18-3.18c-.792.444-1.704.7-2.678.7a5.5 5.5 0 0 1-4.802-8.18zM24 11.5c5.256 0 9.858 3.055 13.02 5.882a38 38 0 0 1 4.832 5.243q.18.24.277.375l.074.104.02.029q.005.005.007.009l.002.003h.001c0 .001-.01.009-1.233.855 1.223.846 1.234.854 1.233.855l-.003.003-.006.01-.02.029-.075.103a34 34 0 0 1-1.314 1.68c-.733.88-1.739 2-2.963 3.167l-2.122-2.122A35.5 35.5 0 0 0 39.124 24a35 35 0 0 0-4.102-4.382C32.03 16.945 28.132 14.5 24 14.5q-.706.002-1.401.093l-2.536-2.535A14.6 14.6 0 0 1 24 11.5m-2.474 12.148a2.5 2.5 0 0 0 2.825 2.825zM7 24l-1.233.854a1.5 1.5 0 0 1 0-1.707zm35.233-.854a1.5 1.5 0 0 1 0 1.707L41 24z"/></g><defs><clipPath id="ui_eye-off_48__a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * EyeOff48 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>
