Stairs

wired-gradient-1639-stairs

I am too lazy to take the stairs, so I'll be forever grateful to the person who invented automatic stairs. This Lottie animation illustrates automatic stairs.

Edit and download ↗
Lottie, GIF, SVG, PNG, MOGRT, AEP
outline, lineal, flat, gradient
Stairs, Animated Icon, Gradient

Animation

Animation type defines how and when the icon animates.

in-reveal

In

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

Stairs, Animated Icon, Gradient hover-walking-upstairs
Stairs, Animated Icon, Gradient hover-walking-downstairs
Stairs, Animated Icon, Gradient hover-automatic-up
Stairs, Animated Icon, Gradient hover-automatic-down

Hover

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

loop-automatic-down
loop-automatic-up

Loop

Plays continuously in a repeating cycle. Perfect for loaders, ambient animations, or subtle decorative elements that should remain in motion without user interaction.

Icon in action

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

Faster. Better. Smarter.

Performance and simplicity, perfectly combined.

Get started!

Destination

350 m

See how it works

Discover what’s possible and take the next step.

core values

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.

12:15
Your tracker
1:25

Simple use in WEB

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!

Stairs, Animated Icon, Gradient

Integrate anywhere:

About this icon

ID
1639
Icon name
stairs
Family
wired
Style
gradient
Plan type
FREE
Animation states
in-reveal, hover-walking-upstairs, hover-walking-downstairs, hover-automatic-up, hover-automatic-down, loop-automatic-down, loop-automatic-up
Category
Tags