Use 1,711 Icons from a Single URL — No Installation, No API Keys

Clix For Business — Sat, 06 Jun 2026 14:23:55 +0000

Lucide Icons are beautiful. But installing them? That's extra work.

What if you could just use them directly from a URL?

https://cosmicline.qzz.io/u/0001/icons/lucide/arrow-right/svg?size=32&color=4F46E5

That's it. No npm install. No imports. No bundle size increase. Just a URL that returns perfect SVG.

Three Ways to Use It

1. Paste the URL in HTML

<img src="https://cosmicline.qzz.io/u/0001/icons/lucide/check/svg?size=24&color=10B981" />

2. Fetch with JavaScript

const svg = await fetch('https://cosmicline.qzz.io/u/0001/icons/lucide/arrow-right/svg?size=32&color=4F46E5')
  .then(r => r.text());
document.body.innerHTML += svg;

3. Use in React

<img src="https://cosmicline.qzz.io/u/0001/icons/lucide/home/svg?size=24&color=currentColor" />

Customize On The Fly

Just add query parameters:

?size=48 — change size
?color=FF0000 — change color
?color=currentColor — inherit parent color (best for dark mode)
?stroke_width=1.5 — make it thinner
?rotate=90 — rotate the icon

Is It Safe?

Yes. It's domain-locked. Only your registered websites can use the URL. Even if someone sees it in your source code, they can't use it from their own site.

Browse All Icons

View all 1,711 Lucide Icons here

Then just drop the icon name into the URL and you're done.

That's It

No installation. No secrets. No complications. Just icons from a URL.

Try it on your next project. ✦

DEV Community: Clix For Business