Lordicon API

Beginner's Pick Art & Design / No Auth Required Beginner HTTPS CORS
Free to Use Varies (check documentation)
100 A+
Measured Score 0 50 100 Reachability 30/30 Speed 20/20 Security 15/15 Developer XP 20/20 Reliability 15/15 TESTED 2026-07-23

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

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

Request
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

Measured Score Breakdown

Live HTTP request to the API endpoint

Reachability 30/30
Speed 20/20
Security 15/15
Developer XP 20/20
Reliability 15/15
Endpoint Response Time 152ms

Fully tested on Jul 23, 2026

Technical Specifications

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

Related Tags

Similar APIs

View All →