Nine Key
wired-gradient-1292-nine-key
Let's say it: confidence is often the key to success. This animated icon illustrates a key.
Animation
Animation type defines how and when the icon animates.
In
Plays when the icon appears. Perfect for project entrances such as page loads, success messages, or onboarding flows.
Hover
Plays on hover interaction. Ideal for buttons, UI controls, or decorative elements that respond to 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.
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.
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.
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:
About this icon
- ID
- 1292
- Icon name
- nine-key
- Family
- wired
- Style
- gradient
- Plan type
- PRO
- Animation states
- in-reveal, hover-press
- Category
- Tags
