## Lucide Icons
%% run start
```ts
const {LinkPreview} = customJS
return LinkPreview.getLinkPreviewFromUrl("https://lucide.dev/")
```
%%
<div class="nifty-link-card-container">
<a class="nifty-link-card" href="https://lucide.dev/" target="_blank">
<div class="nifty-link-card-text">
<div class="nifty-link-card-title line-clamp-2">Lucide Icons</div>
<div class="nifty-link-card-description">Beautiful & consistent icon toolkit made by the community.</div>
<div class="nifty-link-href">
<img class="nifty-link-icon" src="https://lucide.dev/favicon.ico">
https://lucide.dev/
</div>
</div>
<div class="nifty-link-image-container">
<div class="nifty-link-image" style="background-image: url('https://lucide.dev/og.png')">
</div>
</div>
</a>
</div>
%% run end %%
- ✅ easily integrate with any framework
- ✅ work with vanilla js
## Simple Icon
## Svg Porn
## Paid Icons
### Pikaicon
%% run start
```ts
const {LinkPreview} = customJS
return LinkPreview.getLinkPreviewFromUrl("https://pikaicons.com")
```
%%
<div class="nifty-link-card-container">
<a class="nifty-link-card" href="https://pikaicons.com" target="_blank">
<div class="nifty-link-card-text">
<div class="nifty-link-card-title line-clamp-2">PikaIcons</div>
<div class="nifty-link-card-description">PikaIcons is the ultimate icon library for designers and developers. With 454 unique icons, monthly updates, and ultra-optimized SVG code, PikaIcons is the perfect choice for anyone looking for exclusivity, quality, and functionality in their designs.</div>
<div class="nifty-link-href">
<img class="nifty-link-icon" src="https://framerusercontent.com/modules/gl7fpnMjNJPsllWQNhNU/L6J5ok1vXcPs17OKYIar/assets/24dO6nveECxWBzJYSr0QPaxtWw.jpg">
https://pikaicons.com
</div>
</div>
<div class="nifty-link-image-container">
<div class="nifty-link-image" style="background-image: url('https://framerusercontent.com/images/gmFcRTXDkBhVs1uEL5dViRHMC4.jpg')">
</div>
</div>
</a>
</div>
%% run end %%