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

#productivity #saas #showdev #startup

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.