Eye

Keep an eye on your projects & plans! This beautifully animated icon represents a moving human eye.

Edit and download ↗

Lottie, GIF, SVG, PNG, MOGRT, AEP

outline, black, color, motif

Animation

Animation type defines how and when the icon animates.

in-reveal

Plays when the icon appears. Perfect for project entrances such as page loads, success messages, or onboarding flows.

hover-pinch

Plays on hover interaction. Ideal for buttons, UI controls, or decorative elements that respond to user interaction.

morph-close

Plays as a smooth transformation between two forms. Ideal for illustrating change of system state, e.g. menu to close, toggles.

See how the icon actually shows up in the UI and what it does in real use.

Efficiency

We focus on delivering solutions that streamline everyday tasks. Our approach helps you achieve more with less effort.

Simplicity

We believe great products should be easy to use and understand. Every feature is designed with clarity and usability in mind.

Reliability

You can count on consistent performance and dependable results. We prioritize stability so you can focus on what matters most.

Performance and simplicity,
perfectly combined.

Get started!

Streak Day

lordicon.studio Wroclaw, Poland

See more examples

Get started quickly with a simple package install or copy-paste setup. No complexity, just clean integration.

Install package

Install the package in your project.

npm install @lordicon/element

Set it up

Import and register the icon to make it available in your code.

import { defineElement } from "@lordicon/element";

// define "lord-icon" custom element with default properties
defineElement();

Use & Customize

Drop it into your HTML and adjust as you like!

Integrate anywhere:

ID: 69
Icon name: eye
Family: doodle
Style: motif
Plan type: FREE
Animation states: in-reveal, hover-pinch, morph-close
Category: interface popular
Tags: vision view sight watch eye eyeball eyelid see blink look pupil iris scan lashes perceive