Public API
Grab any icon as a PNG with a single GET request. No authentication, no rate limit (fair use), no nonsense.
Render endpoint
GET
/api/render/{family}/{name}.png
Parameters
size | Icon size in pixels. Range: 16–1024, default: 256 |
color | Foreground hex color without #. Default: 000000 |
bg | Background hex color without #, or transparent. Default: transparent |
style | Icon style: solid, regular, outlined, filled, etc. |
download | Set to true to force file download |
Available families
fontawesome | Font Awesome 6 — solid, regular |
bootstrap-icons | Bootstrap Icons — regular, fill |
material-symbols | Material Symbols — outlined, filled, round, sharp |
Examples
GET /api/render/fontawesome/house.png?size=128&color=e63b2e
GET /api/render/bootstrap-icons/heart.png?size=64&color=ff0000&bg=ffffff
GET /api/render/material-symbols/home.png?style=filled&size=256
Metadata endpoints
Browse available icons programmatically.
GET
/api/icons
Returns a list of all available icon families with their icon counts.
GET
/api/icons/{family}
Returns all icons in a family. Supports ?q=search to filter by name.
GET
/api/icons/{family}/{name}
Returns full metadata for a single icon, including SVG path data and available styles.
GET
/api/icons/search?q={query}
Search across all families. Supports &family=fontawesome to filter and &limit=50.
Usage
Use the API in your HTML, CSS, scripts, or anywhere you need a PNG icon on the fly.
<img src="https://fckicons.com/api/render/fontawesome/star.png?size=32&color=f5a623" alt="star">
Icons are cached server-side. Responses include Cache-Control headers for CDN and browser caching.