<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 15.833c6.82 0 12.84 3.972 17.027 7.715a50 50 0 0 1 5.01 5.2 43 43 0 0 1 1.73 2.21l.095.135.027.037.007.01.002.005h.001c0 .002-.039.029-1.233.855l1.233.855-.003.003-.007.011-.027.037-.095.135a44 44 0 0 1-1.73 2.211 50 50 0 0 1-5.01 5.2C44.84 44.193 38.821 48.165 32 48.165c-6.82 0-12.84-3.972-17.027-7.715a50 50 0 0 1-6.378-6.919 28 28 0 0 1-.362-.491l-.096-.135-.027-.037-.007-.01-.003-.005L9.333 32a234 234 0 0 1-1.233-.855l.003-.004.007-.011.027-.037.096-.135c.084-.115.204-.282.362-.491a50 50 0 0 1 6.378-6.919C19.16 19.805 25.179 15.833 32 15.833m0 3c-5.697 0-11.012 3.361-15.028 6.951a47 47 0 0 0-4.705 4.885 42 42 0 0 0-1.065 1.33c.274.356.63.81 1.065 1.331a47 47 0 0 0 4.705 4.885c4.016 3.59 9.33 6.95 15.028 6.951 5.697 0 11.011-3.361 15.027-6.951a47 47 0 0 0 4.706-4.885c.435-.521.79-.975 1.064-1.331a42 42 0 0 0-1.064-1.33 47 47 0 0 0-4.706-4.885c-4.016-3.59-9.33-6.95-15.027-6.951m0 6.334a6.834 6.834 0 1 1 0 13.668 6.834 6.834 0 0 1 0-13.668m0 3a3.833 3.833 0 1 0 0 7.667 3.833 3.833 0 0 0 0-7.667M9.333 32l-1.233.853a1.5 1.5 0 0 1 0-1.707zm46.566-.854a1.5 1.5 0 0 1 0 1.707L54.666 32z"/></svg></template>
<script setup lang="ts">
/**
 * Eye64 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>
