eye icon
eye-bold-duotone from Solar by 480 Design · Bold Duotone · Security · CC-BY-4.0 Attribution required.
- Name
- eye-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- 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="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 12Z" opacity=".5"/><path fill-rule="evenodd" d="M8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12ZM9.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" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarEyeBoldDuotone(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="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 12Z" opacity=".5"/><path fillRule="evenodd" d="M8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12ZM9.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" 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="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 12Z" opacity=".5"/><path fill-rule="evenodd" d="M8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12ZM9.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" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-eye-bold-duotone {
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%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%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%2012C8.25%209.92893%209.92893%208.25%2012%208.25C14.0711%208.25%2015.75%209.92893%2015.75%2012C15.75%2014.0711%2014.0711%2015.75%2012%2015.75C9.92893%2015.75%208.25%2014.0711%208.25%2012ZM9.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%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%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%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%2012C8.25%209.92893%209.92893%208.25%2012%208.25C14.0711%208.25%2015.75%209.92893%2015.75%2012C15.75%2014.0711%2014.0711%2015.75%2012%2015.75C9.92893%2015.75%208.25%2014.0711%208.25%2012ZM9.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%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-duotone.svg?color=%231a73e8&size=48
