eye emoji

eye from Noto Emoji by Google Inc · Default · People & Body · Apache-2.0 Free for personal and commercial use.

Name
eye
Set
Noto Emoji
Style
Default
Category
People & Body
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

eyeAkar Iconseye-filledAnt Design IconseyeBootstrap IconseyeCodiconseyeEmoji One (Colored)eye-fillEva IconseyeFramework7 IconseyeFont Awesome 6 RegulareyeFont Awesome 6 SolideyeFont Awesome RegulareyeFont Awesome SolideyeFeather Iconseye-outlineFlowbite Iconseye-12-filledFluent UI System IconseyeFluent EmojieyeFluent Emoji FlateyeFluent Emoji High ContrasteyeFirefox OS Emojieyecss.ggeyeHealth IconseyeHeroIconseyeHuge IconseyeHumbleiconseyeIconoir

More people & body icons from Noto Emoji

anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man

Use the eye emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fafafa" d="M64.32 103.32c-34.03 0-53.56-33.13-56.94-39.38c3.07-6.27 20.91-39.26 56.94-39.26s53.87 32.98 56.94 39.26c-3.38 6.25-22.92 39.38-56.94 39.38"/><path fill="#b0bec5" d="M64.32 27.12c15.81 0 29.84 6.42 41.7 19.09c6.63 7.08 10.73 14.26 12.49 17.67c-4.51 7.99-23.05 36.99-54.19 36.99c-14.88 0-28.63-6.45-40.89-19.17c-6.89-7.15-11.37-14.41-13.3-17.82c1.75-3.41 5.86-10.6 12.49-17.67c11.86-12.67 25.89-19.09 41.7-19.09m0-4.88C22.56 22.24 4.66 64 4.66 64s20.25 41.76 59.66 41.76S123.97 64 123.97 64s-17.9-41.76-59.65-41.76"/><path fill="#b0bec5" d="M64.32 37c26.97 0 45.47 16.51 53.66 27.71c.96 1.31 1.99-4.99 1.12-6.36c-7.84-12.26-25.41-32.91-54.77-32.91S17.38 46.1 9.54 58.36c-.88 1.37.3 6.83 1.41 5.64c8.54-9.17 26.39-27 53.37-27"/><circle cx="64.32" cy="60.79" r="33.15" fill="#9c7a63"/><path fill="#806451" d="M64.32 37c10.87 0 20.36 2.68 28.36 6.62c-5.81-9.58-16.34-15.97-28.36-15.97c-12.28 0-23 6.69-28.72 16.61C43.61 40.04 53.18 37 64.32 37"/><circle cx="64.32" cy="60.79" r="15.43" fill="#212121"/><circle cx="88.86" cy="59.37" r="7.72" fill="#d9baa5"/><path fill="#616161" d="M7.21 67.21c-.52 0-1.05-.13-1.54-.4a3.207 3.207 0 0 1-1.27-4.35c.85-1.55 21.28-40.21 59.92-40.21s58.47 37.89 59.29 39.41c.84 1.56.27 3.5-1.29 4.35c-1.56.84-3.5.27-4.35-1.29c-.18-.34-18.88-33.86-53.66-33.86c-34.79 0-54.11 34.34-54.3 34.69a3.19 3.19 0 0 1-2.8 1.66"/></svg>

React

import type { SVGProps } from "react";

export function NotoEye(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fafafa" d="M64.32 103.32c-34.03 0-53.56-33.13-56.94-39.38c3.07-6.27 20.91-39.26 56.94-39.26s53.87 32.98 56.94 39.26c-3.38 6.25-22.92 39.38-56.94 39.38"/><path fill="#b0bec5" d="M64.32 27.12c15.81 0 29.84 6.42 41.7 19.09c6.63 7.08 10.73 14.26 12.49 17.67c-4.51 7.99-23.05 36.99-54.19 36.99c-14.88 0-28.63-6.45-40.89-19.17c-6.89-7.15-11.37-14.41-13.3-17.82c1.75-3.41 5.86-10.6 12.49-17.67c11.86-12.67 25.89-19.09 41.7-19.09m0-4.88C22.56 22.24 4.66 64 4.66 64s20.25 41.76 59.66 41.76S123.97 64 123.97 64s-17.9-41.76-59.65-41.76"/><path fill="#b0bec5" d="M64.32 37c26.97 0 45.47 16.51 53.66 27.71c.96 1.31 1.99-4.99 1.12-6.36c-7.84-12.26-25.41-32.91-54.77-32.91S17.38 46.1 9.54 58.36c-.88 1.37.3 6.83 1.41 5.64c8.54-9.17 26.39-27 53.37-27"/><circle cx="64.32" cy="60.79" r="33.15" fill="#9c7a63"/><path fill="#806451" d="M64.32 37c10.87 0 20.36 2.68 28.36 6.62c-5.81-9.58-16.34-15.97-28.36-15.97c-12.28 0-23 6.69-28.72 16.61C43.61 40.04 53.18 37 64.32 37"/><circle cx="64.32" cy="60.79" r="15.43" fill="#212121"/><circle cx="88.86" cy="59.37" r="7.72" fill="#d9baa5"/><path fill="#616161" d="M7.21 67.21c-.52 0-1.05-.13-1.54-.4a3.207 3.207 0 0 1-1.27-4.35c.85-1.55 21.28-40.21 59.92-40.21s58.47 37.89 59.29 39.41c.84 1.56.27 3.5-1.29 4.35c-1.56.84-3.5.27-4.35-1.29c-.18-.34-18.88-33.86-53.66-33.86c-34.79 0-54.11 34.34-54.3 34.69a3.19 3.19 0 0 1-2.8 1.66"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fafafa" d="M64.32 103.32c-34.03 0-53.56-33.13-56.94-39.38c3.07-6.27 20.91-39.26 56.94-39.26s53.87 32.98 56.94 39.26c-3.38 6.25-22.92 39.38-56.94 39.38"/><path fill="#b0bec5" d="M64.32 27.12c15.81 0 29.84 6.42 41.7 19.09c6.63 7.08 10.73 14.26 12.49 17.67c-4.51 7.99-23.05 36.99-54.19 36.99c-14.88 0-28.63-6.45-40.89-19.17c-6.89-7.15-11.37-14.41-13.3-17.82c1.75-3.41 5.86-10.6 12.49-17.67c11.86-12.67 25.89-19.09 41.7-19.09m0-4.88C22.56 22.24 4.66 64 4.66 64s20.25 41.76 59.66 41.76S123.97 64 123.97 64s-17.9-41.76-59.65-41.76"/><path fill="#b0bec5" d="M64.32 37c26.97 0 45.47 16.51 53.66 27.71c.96 1.31 1.99-4.99 1.12-6.36c-7.84-12.26-25.41-32.91-54.77-32.91S17.38 46.1 9.54 58.36c-.88 1.37.3 6.83 1.41 5.64c8.54-9.17 26.39-27 53.37-27"/><circle cx="64.32" cy="60.79" r="33.15" fill="#9c7a63"/><path fill="#806451" d="M64.32 37c10.87 0 20.36 2.68 28.36 6.62c-5.81-9.58-16.34-15.97-28.36-15.97c-12.28 0-23 6.69-28.72 16.61C43.61 40.04 53.18 37 64.32 37"/><circle cx="64.32" cy="60.79" r="15.43" fill="#212121"/><circle cx="88.86" cy="59.37" r="7.72" fill="#d9baa5"/><path fill="#616161" d="M7.21 67.21c-.52 0-1.05-.13-1.54-.4a3.207 3.207 0 0 1-1.27-4.35c.85-1.55 21.28-40.21 59.92-40.21s58.47 37.89 59.29 39.41c.84 1.56.27 3.5-1.29 4.35c-1.56.84-3.5.27-4.35-1.29c-.18-.34-18.88-33.86-53.66-33.86c-34.79 0-54.11 34.34-54.3 34.69a3.19 3.19 0 0 1-2.8 1.66"/></svg>
</template>

CSS

.icon-eye {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M64.32%20103.32c-34.03%200-53.56-33.13-56.94-39.38c3.07-6.27%2020.91-39.26%2056.94-39.26s53.87%2032.98%2056.94%2039.26c-3.38%206.25-22.92%2039.38-56.94%2039.38%22%2F%3E%3Cpath%20fill%3D%22%23b0bec5%22%20d%3D%22M64.32%2027.12c15.81%200%2029.84%206.42%2041.7%2019.09c6.63%207.08%2010.73%2014.26%2012.49%2017.67c-4.51%207.99-23.05%2036.99-54.19%2036.99c-14.88%200-28.63-6.45-40.89-19.17c-6.89-7.15-11.37-14.41-13.3-17.82c1.75-3.41%205.86-10.6%2012.49-17.67c11.86-12.67%2025.89-19.09%2041.7-19.09m0-4.88C22.56%2022.24%204.66%2064%204.66%2064s20.25%2041.76%2059.66%2041.76S123.97%2064%20123.97%2064s-17.9-41.76-59.65-41.76%22%2F%3E%3Cpath%20fill%3D%22%23b0bec5%22%20d%3D%22M64.32%2037c26.97%200%2045.47%2016.51%2053.66%2027.71c.96%201.31%201.99-4.99%201.12-6.36c-7.84-12.26-25.41-32.91-54.77-32.91S17.38%2046.1%209.54%2058.36c-.88%201.37.3%206.83%201.41%205.64c8.54-9.17%2026.39-27%2053.37-27%22%2F%3E%3Ccircle%20cx%3D%2264.32%22%20cy%3D%2260.79%22%20r%3D%2233.15%22%20fill%3D%22%239c7a63%22%2F%3E%3Cpath%20fill%3D%22%23806451%22%20d%3D%22M64.32%2037c10.87%200%2020.36%202.68%2028.36%206.62c-5.81-9.58-16.34-15.97-28.36-15.97c-12.28%200-23%206.69-28.72%2016.61C43.61%2040.04%2053.18%2037%2064.32%2037%22%2F%3E%3Ccircle%20cx%3D%2264.32%22%20cy%3D%2260.79%22%20r%3D%2215.43%22%20fill%3D%22%23212121%22%2F%3E%3Ccircle%20cx%3D%2288.86%22%20cy%3D%2259.37%22%20r%3D%227.72%22%20fill%3D%22%23d9baa5%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22M7.21%2067.21c-.52%200-1.05-.13-1.54-.4a3.207%203.207%200%200%201-1.27-4.35c.85-1.55%2021.28-40.21%2059.92-40.21s58.47%2037.89%2059.29%2039.41c.84%201.56.27%203.5-1.29%204.35c-1.56.84-3.5.27-4.35-1.29c-.18-.34-18.88-33.86-53.66-33.86c-34.79%200-54.11%2034.34-54.3%2034.69a3.19%203.19%200%200%201-2.8%201.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M64.32%20103.32c-34.03%200-53.56-33.13-56.94-39.38c3.07-6.27%2020.91-39.26%2056.94-39.26s53.87%2032.98%2056.94%2039.26c-3.38%206.25-22.92%2039.38-56.94%2039.38%22%2F%3E%3Cpath%20fill%3D%22%23b0bec5%22%20d%3D%22M64.32%2027.12c15.81%200%2029.84%206.42%2041.7%2019.09c6.63%207.08%2010.73%2014.26%2012.49%2017.67c-4.51%207.99-23.05%2036.99-54.19%2036.99c-14.88%200-28.63-6.45-40.89-19.17c-6.89-7.15-11.37-14.41-13.3-17.82c1.75-3.41%205.86-10.6%2012.49-17.67c11.86-12.67%2025.89-19.09%2041.7-19.09m0-4.88C22.56%2022.24%204.66%2064%204.66%2064s20.25%2041.76%2059.66%2041.76S123.97%2064%20123.97%2064s-17.9-41.76-59.65-41.76%22%2F%3E%3Cpath%20fill%3D%22%23b0bec5%22%20d%3D%22M64.32%2037c26.97%200%2045.47%2016.51%2053.66%2027.71c.96%201.31%201.99-4.99%201.12-6.36c-7.84-12.26-25.41-32.91-54.77-32.91S17.38%2046.1%209.54%2058.36c-.88%201.37.3%206.83%201.41%205.64c8.54-9.17%2026.39-27%2053.37-27%22%2F%3E%3Ccircle%20cx%3D%2264.32%22%20cy%3D%2260.79%22%20r%3D%2233.15%22%20fill%3D%22%239c7a63%22%2F%3E%3Cpath%20fill%3D%22%23806451%22%20d%3D%22M64.32%2037c10.87%200%2020.36%202.68%2028.36%206.62c-5.81-9.58-16.34-15.97-28.36-15.97c-12.28%200-23%206.69-28.72%2016.61C43.61%2040.04%2053.18%2037%2064.32%2037%22%2F%3E%3Ccircle%20cx%3D%2264.32%22%20cy%3D%2260.79%22%20r%3D%2215.43%22%20fill%3D%22%23212121%22%2F%3E%3Ccircle%20cx%3D%2288.86%22%20cy%3D%2259.37%22%20r%3D%227.72%22%20fill%3D%22%23d9baa5%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22M7.21%2067.21c-.52%200-1.05-.13-1.54-.4a3.207%203.207%200%200%201-1.27-4.35c.85-1.55%2021.28-40.21%2059.92-40.21s58.47%2037.89%2059.29%2039.41c.84%201.56.27%203.5-1.29%204.35c-1.56.84-3.5.27-4.35-1.29c-.18-.34-18.88-33.86-53.66-33.86c-34.79%200-54.11%2034.34-54.3%2034.69a3.19%203.19%200%200%201-2.8%201.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/eye.svg?color=%231a73e8&size=48