Lordicon API

⭐ Beginner's Pick Art & Design / No Auth Required Beginner HTTPS CORS
Free to Use Varies (check documentation)

Overview

Lordicon provides a library of high-quality animated icons delivered as Lottie JSON files and web components. You can embed animated icons in any webpage by including a script tag and using the lordicon web component — no API calls or keys needed for the free collection. It is ideal for adding polished micro-animations to landing pages or dashboards.

💡

Beginner Tip

Add the Lordicon player script to your HTML, then use the <lord-icon src="URL"> tag to embed an animated icon. Browse free icons and copy their embed code at https://lordicon.com/icons.

Available Data

Use case: Integrate icons with predone animations data into web and mobile applications
Lordicon data via REST API
JSON-formatted response data
Freely accessible without authentication

Example Response

JSON Response
{
  "status": "success",
  "data": {
    "result": "Data from Lordicon",
    "description": "Icons with predone Animations",
    "timestamp": "2025-01-15T10:00:00Z"
  }
}

Field Reference

Lottie JSON Lottie animation file format; consumed by the Lordicon player script, not parsed manually
v Lottie format version number
layers Animation layers defining shapes, colors, and keyframes for the icon animation

Implementation Example

const url = "https://lordicon.com/";
const response = await fetch(url);
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
const data = await response.json();
console.log(data);

What Can You Build?

Note: These code examples are AI-generated and unverified. Always refer to the official API documentation for accurate usage.

Common Errors & Troubleshooting

Icon not animating The lordicon player script was not loaded before the web component tag
Add <script src="https://cdn.lordicon.com/lordicon.js"></script> in the head before any lord-icon tags
Icon shows blank box Incorrect src URL or the icon has been moved to the paid tier
Get the current embed URL from the Lordicon website — free icon URLs start with https://cdn.lordicon.com/
Trigger property not working Using an invalid trigger value for the animation
Valid trigger values are: hover, click, loop, loop-on-hover, morph, boomerang — check the docs for the full list

Matrix Score Breakdown

🌐 Reachability 30/30
⚡ Speed 10/20
🔒 Security 15/15
🛠 Developer XP 20/20
✓ Reliability 7/15
Response Time 608ms

Fully tested on Apr 5, 2026

Technical Specifications

Auth No Auth
HTTPS REQUIRED
CORS YES
Category Art & Design
Difficulty Beginner
Verified: 2026-04-04

Similar APIs

View All →