eye icon
eye-bold from Solar by 480 Design · Bold · Security · CC-BY-4.0 Attribution required.
- Name
- eye-bold
- Set
- Solar
- Style
- Bold
- Category
- Security
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon 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 security icons from Solar
barcode-boldbarcode-scan-boldbomb-boldbomb-emoji-boldbomb-minimalistic-boldcode-scan-boldeye-closed-boldeye-scan-boldincognito-boldkey-boldkey-minimalistic-2-boldkey-minimalistic-boldkey-minimalistic-square-2-boldkey-minimalistic-square-3-boldkey-minimalistic-square-boldkey-square-2-boldkey-square-boldlock-boldlock-keyhole-boldlock-keyhole-minimalistic-boldlock-keyhole-minimalistic-unlocked-boldlock-keyhole-unlocked-boldlock-password-boldlock-password-unlocked-bold
Use the eye icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.75 12C9.75 10.7574 10.7574 9.75 12 9.75C13.2426 9.75 14.25 10.7574 14.25 12C14.25 13.2426 13.2426 14.25 12 14.25C10.7574 14.25 9.75 13.2426 9.75 12Z"/><path fill-rule="evenodd" d="M2 12C2 13.6394 2.42496 14.1915 3.27489 15.2957C4.97196 17.5004 7.81811 20 12 20C16.1819 20 19.028 17.5004 20.7251 15.2957C21.575 14.1915 22 13.6394 22 12C22 10.3606 21.575 9.80853 20.7251 8.70433C19.028 6.49956 16.1819 4 12 4C7.81811 4 4.97196 6.49956 3.27489 8.70433C2.42496 9.80853 2 10.3606 2 12ZM12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarEyeBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.75 12C9.75 10.7574 10.7574 9.75 12 9.75C13.2426 9.75 14.25 10.7574 14.25 12C14.25 13.2426 13.2426 14.25 12 14.25C10.7574 14.25 9.75 13.2426 9.75 12Z"/><path fillRule="evenodd" d="M2 12C2 13.6394 2.42496 14.1915 3.27489 15.2957C4.97196 17.5004 7.81811 20 12 20C16.1819 20 19.028 17.5004 20.7251 15.2957C21.575 14.1915 22 13.6394 22 12C22 10.3606 21.575 9.80853 20.7251 8.70433C19.028 6.49956 16.1819 4 12 4C7.81811 4 4.97196 6.49956 3.27489 8.70433C2.42496 9.80853 2 10.3606 2 12ZM12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.75 12C9.75 10.7574 10.7574 9.75 12 9.75C13.2426 9.75 14.25 10.7574 14.25 12C14.25 13.2426 13.2426 14.25 12 14.25C10.7574 14.25 9.75 13.2426 9.75 12Z"/><path fill-rule="evenodd" d="M2 12C2 13.6394 2.42496 14.1915 3.27489 15.2957C4.97196 17.5004 7.81811 20 12 20C16.1819 20 19.028 17.5004 20.7251 15.2957C21.575 14.1915 22 13.6394 22 12C22 10.3606 21.575 9.80853 20.7251 8.70433C19.028 6.49956 16.1819 4 12 4C7.81811 4 4.97196 6.49956 3.27489 8.70433C2.42496 9.80853 2 10.3606 2 12ZM12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-eye-bold {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.75%2012C9.75%2010.7574%2010.7574%209.75%2012%209.75C13.2426%209.75%2014.25%2010.7574%2014.25%2012C14.25%2013.2426%2013.2426%2014.25%2012%2014.25C10.7574%2014.25%209.75%2013.2426%209.75%2012Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012C2%2013.6394%202.42496%2014.1915%203.27489%2015.2957C4.97196%2017.5004%207.81811%2020%2012%2020C16.1819%2020%2019.028%2017.5004%2020.7251%2015.2957C21.575%2014.1915%2022%2013.6394%2022%2012C22%2010.3606%2021.575%209.80853%2020.7251%208.70433C19.028%206.49956%2016.1819%204%2012%204C7.81811%204%204.97196%206.49956%203.27489%208.70433C2.42496%209.80853%202%2010.3606%202%2012ZM12%208.25C9.92893%208.25%208.25%209.92893%208.25%2012C8.25%2014.0711%209.92893%2015.75%2012%2015.75C14.0711%2015.75%2015.75%2014.0711%2015.75%2012C15.75%209.92893%2014.0711%208.25%2012%208.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.75%2012C9.75%2010.7574%2010.7574%209.75%2012%209.75C13.2426%209.75%2014.25%2010.7574%2014.25%2012C14.25%2013.2426%2013.2426%2014.25%2012%2014.25C10.7574%2014.25%209.75%2013.2426%209.75%2012Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012C2%2013.6394%202.42496%2014.1915%203.27489%2015.2957C4.97196%2017.5004%207.81811%2020%2012%2020C16.1819%2020%2019.028%2017.5004%2020.7251%2015.2957C21.575%2014.1915%2022%2013.6394%2022%2012C22%2010.3606%2021.575%209.80853%2020.7251%208.70433C19.028%206.49956%2016.1819%204%2012%204C7.81811%204%204.97196%206.49956%203.27489%208.70433C2.42496%209.80853%202%2010.3606%202%2012ZM12%208.25C9.92893%208.25%208.25%209.92893%208.25%2012C8.25%2014.0711%209.92893%2015.75%2012%2015.75C14.0711%2015.75%2015.75%2014.0711%2015.75%2012C15.75%209.92893%2014.0711%208.25%2012%208.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/eye-bold.svg?color=%231a73e8&size=48
