Eye

eye

Design Interfaces Security

An open eye shape, representing visibility or a view action. Use for show/hide password toggles, preview buttons, or view-count indicators.

Code

<i class="icf-solid icf-eye"></i>

icf-solid icf-eye

<i className="icf-solid icf-eye" />

Unicode: 
Hex: \e018
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e018";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M256,418.4C89,418.4 6.2,272.9 2.8,266.7C-0.9,260 -0.9,252 2.8,245.3C6.2,239.1 89,93.6 256,93.6C423,93.6 505.8,239.1 509.2,245.3C512.9,252 512.9,260 509.2,266.7C505.8,272.9 423,418.4 256,418.4ZM256,356C200.9,356 156,311.1 156,256C156,200.9 200.9,156 256,156C311.1,156 356,200.9 356,256C356,311.1 311.1,356 256,356ZM256,200C225.1,200 200,225.1 200,256C200,286.9 225.1,312 256,312C286.9,312 312,286.9 312,256C312,225.1 286.9,200 256,200Z"/>
</svg>

Available Variants

Classic

Solid

Free

Regular

Free

Light

Basic

Thin

Basic

Duotone

Solid

Pro

Regular

Pro

Light

Pro

Thin

Pro

Sizes

16px

24px

32px

48px

64px

96px

128px

Download

SVG (Classic Solid) SVG (Classic Regular)

Eye