eye emoji
eye from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.
- Name
- eye
- Set
- Streamline Emojis
- Style
- Default
- Category
- Smiley People
- Viewbox
- 48×48
- License
- CC BY 4.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 smiley people icons from Streamline Emojis
alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1
Use the eye emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.37 42.14a13.63 1.86 0 1 0 27.26 0a13.63 1.86 0 1 0-27.26 0" opacity=".15"/><path fill="#fff" d="M2.17 24a21.83 12.08 0 1 0 43.66 0a21.83 12.08 0 1 0-43.66 0"/><path fill="#e0e0e0" d="M24 17.81c10.85 0 18.1 5.12 20.73 9.13a5.7 5.7 0 0 0 1.1-2.94c0-3.71-8-12.08-21.83-12.08S2.17 20.29 2.17 24a5.7 5.7 0 0 0 1.1 2.94c2.63-4.01 9.88-9.13 20.73-9.13"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.17 24a21.83 12.08 0 1 0 43.66 0a21.83 12.08 0 1 0-43.66 0"/><path fill="#656769" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 14.79c13.13 0 20.72 8.25 20.83 12a5.6 5.6 0 0 0 1-2.79c0-3.71-8-12.08-21.83-12.08S2.17 20.29 2.17 24a5.6 5.6 0 0 0 1 2.79c.11-3.79 7.7-12 20.83-12"/><path fill="#b89558" d="M15.02 24a8.98 8.98 0 1 0 17.96 0a8.98 8.98 0 1 0-17.96 0"/><path fill="#947746" d="M30.23 17.53a8.05 8.05 0 1 1-12.46 0a9 9 0 1 0 12.46 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.02 24a8.98 8.98 0 1 0 17.96 0a8.98 8.98 0 1 0-17.96 0"/><path fill="#525252" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.97 24a4.03 4.03 0 1 0 8.06 0a4.03 4.03 0 1 0-8.06 0"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.55 19.8a3.07 3.07 0 1 0 6.14 0a3.07 3.07 0 1 0-6.14 0"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisEye(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.37 42.14a13.63 1.86 0 1 0 27.26 0a13.63 1.86 0 1 0-27.26 0" opacity=".15"/><path fill="#fff" d="M2.17 24a21.83 12.08 0 1 0 43.66 0a21.83 12.08 0 1 0-43.66 0"/><path fill="#e0e0e0" d="M24 17.81c10.85 0 18.1 5.12 20.73 9.13a5.7 5.7 0 0 0 1.1-2.94c0-3.71-8-12.08-21.83-12.08S2.17 20.29 2.17 24a5.7 5.7 0 0 0 1.1 2.94c2.63-4.01 9.88-9.13 20.73-9.13"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M2.17 24a21.83 12.08 0 1 0 43.66 0a21.83 12.08 0 1 0-43.66 0"/><path fill="#656769" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M24 14.79c13.13 0 20.72 8.25 20.83 12a5.6 5.6 0 0 0 1-2.79c0-3.71-8-12.08-21.83-12.08S2.17 20.29 2.17 24a5.6 5.6 0 0 0 1 2.79c.11-3.79 7.7-12 20.83-12"/><path fill="#b89558" d="M15.02 24a8.98 8.98 0 1 0 17.96 0a8.98 8.98 0 1 0-17.96 0"/><path fill="#947746" d="M30.23 17.53a8.05 8.05 0 1 1-12.46 0a9 9 0 1 0 12.46 0"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M15.02 24a8.98 8.98 0 1 0 17.96 0a8.98 8.98 0 1 0-17.96 0"/><path fill="#525252" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M19.97 24a4.03 4.03 0 1 0 8.06 0a4.03 4.03 0 1 0-8.06 0"/><path fill="#fff" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M17.55 19.8a3.07 3.07 0 1 0 6.14 0a3.07 3.07 0 1 0-6.14 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.37 42.14a13.63 1.86 0 1 0 27.26 0a13.63 1.86 0 1 0-27.26 0" opacity=".15"/><path fill="#fff" d="M2.17 24a21.83 12.08 0 1 0 43.66 0a21.83 12.08 0 1 0-43.66 0"/><path fill="#e0e0e0" d="M24 17.81c10.85 0 18.1 5.12 20.73 9.13a5.7 5.7 0 0 0 1.1-2.94c0-3.71-8-12.08-21.83-12.08S2.17 20.29 2.17 24a5.7 5.7 0 0 0 1.1 2.94c2.63-4.01 9.88-9.13 20.73-9.13"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.17 24a21.83 12.08 0 1 0 43.66 0a21.83 12.08 0 1 0-43.66 0"/><path fill="#656769" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 14.79c13.13 0 20.72 8.25 20.83 12a5.6 5.6 0 0 0 1-2.79c0-3.71-8-12.08-21.83-12.08S2.17 20.29 2.17 24a5.6 5.6 0 0 0 1 2.79c.11-3.79 7.7-12 20.83-12"/><path fill="#b89558" d="M15.02 24a8.98 8.98 0 1 0 17.96 0a8.98 8.98 0 1 0-17.96 0"/><path fill="#947746" d="M30.23 17.53a8.05 8.05 0 1 1-12.46 0a9 9 0 1 0 12.46 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.02 24a8.98 8.98 0 1 0 17.96 0a8.98 8.98 0 1 0-17.96 0"/><path fill="#525252" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.97 24a4.03 4.03 0 1 0 8.06 0a4.03 4.03 0 1 0-8.06 0"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.55 19.8a3.07 3.07 0 1 0 6.14 0a3.07 3.07 0 1 0-6.14 0"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.37%2042.14a13.63%201.86%200%201%200%2027.26%200a13.63%201.86%200%201%200-27.26%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.17%2024a21.83%2012.08%200%201%200%2043.66%200a21.83%2012.08%200%201%200-43.66%200%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M24%2017.81c10.85%200%2018.1%205.12%2020.73%209.13a5.7%205.7%200%200%200%201.1-2.94c0-3.71-8-12.08-21.83-12.08S2.17%2020.29%202.17%2024a5.7%205.7%200%200%200%201.1%202.94c2.63-4.01%209.88-9.13%2020.73-9.13%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.17%2024a21.83%2012.08%200%201%200%2043.66%200a21.83%2012.08%200%201%200-43.66%200%22%2F%3E%3Cpath%20fill%3D%22%23656769%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2014.79c13.13%200%2020.72%208.25%2020.83%2012a5.6%205.6%200%200%200%201-2.79c0-3.71-8-12.08-21.83-12.08S2.17%2020.29%202.17%2024a5.6%205.6%200%200%200%201%202.79c.11-3.79%207.7-12%2020.83-12%22%2F%3E%3Cpath%20fill%3D%22%23b89558%22%20d%3D%22M15.02%2024a8.98%208.98%200%201%200%2017.96%200a8.98%208.98%200%201%200-17.96%200%22%2F%3E%3Cpath%20fill%3D%22%23947746%22%20d%3D%22M30.23%2017.53a8.05%208.05%200%201%201-12.46%200a9%209%200%201%200%2012.46%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.02%2024a8.98%208.98%200%201%200%2017.96%200a8.98%208.98%200%201%200-17.96%200%22%2F%3E%3Cpath%20fill%3D%22%23525252%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.97%2024a4.03%204.03%200%201%200%208.06%200a4.03%204.03%200%201%200-8.06%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.55%2019.8a3.07%203.07%200%201%200%206.14%200a3.07%203.07%200%201%200-6.14%200%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.37%2042.14a13.63%201.86%200%201%200%2027.26%200a13.63%201.86%200%201%200-27.26%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.17%2024a21.83%2012.08%200%201%200%2043.66%200a21.83%2012.08%200%201%200-43.66%200%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M24%2017.81c10.85%200%2018.1%205.12%2020.73%209.13a5.7%205.7%200%200%200%201.1-2.94c0-3.71-8-12.08-21.83-12.08S2.17%2020.29%202.17%2024a5.7%205.7%200%200%200%201.1%202.94c2.63-4.01%209.88-9.13%2020.73-9.13%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.17%2024a21.83%2012.08%200%201%200%2043.66%200a21.83%2012.08%200%201%200-43.66%200%22%2F%3E%3Cpath%20fill%3D%22%23656769%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2014.79c13.13%200%2020.72%208.25%2020.83%2012a5.6%205.6%200%200%200%201-2.79c0-3.71-8-12.08-21.83-12.08S2.17%2020.29%202.17%2024a5.6%205.6%200%200%200%201%202.79c.11-3.79%207.7-12%2020.83-12%22%2F%3E%3Cpath%20fill%3D%22%23b89558%22%20d%3D%22M15.02%2024a8.98%208.98%200%201%200%2017.96%200a8.98%208.98%200%201%200-17.96%200%22%2F%3E%3Cpath%20fill%3D%22%23947746%22%20d%3D%22M30.23%2017.53a8.05%208.05%200%201%201-12.46%200a9%209%200%201%200%2012.46%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.02%2024a8.98%208.98%200%201%200%2017.96%200a8.98%208.98%200%201%200-17.96%200%22%2F%3E%3Cpath%20fill%3D%22%23525252%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.97%2024a4.03%204.03%200%201%200%208.06%200a4.03%204.03%200%201%200-8.06%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.55%2019.8a3.07%203.07%200%201%200%206.14%200a3.07%203.07%200%201%200-6.14%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/eye.svg?color=%231a73e8&size=48
