Iconly for SaaS

A design system.
Built from a single prompt.

Generate consistent UI icons, documentation graphics, and brand assets for your SaaS product. Custom style templates ensure every icon matches — deploy via CDN with one line of code.

Start Free See All Tools
3-day free trial CDN included
Custom Templates

Define once, generate consistently

Create reusable style templates with specific prompts, color modes, detail levels, and auto post-processing. Every icon generated through a template looks like it belongs to the same family.

  • Style Definition Write a style prompt and the icon subject is injected automatically
  • Auto Post-Processing Preset thickness, smoothing, crop, and BG removal per template
  • Reference Generation Use an existing icon as a style reference for new generations
Try Custom Templates
SaaS UI Kit
Color No Color
Detail Low
Size 512px
Thickness
Smoothing
BG Removal
CDN Delivery

Ship icons to production instantly

Save icons to your cloud library and serve them globally with one script tag. No build steps, no asset pipeline — just reference icons by class name and they load automatically.

  • One Script Tag Add to your HTML and reference icons by class name
  • Zero Build Steps No webpack config, no asset pipeline — icons load from CDN
  • Global Edge Network Served from servers near your users for minimal latency
dashboard.html 
<script defer src="https://cdn.iconly.ai/iconly.js"></script>

<i class="ci-line ci-settings ci-md"></i>
Vector Studio

Documentation graphics made easy

Create SVG illustrations for docs, help centers, and onboarding flows. Text-to-vector generation with node-level editing produces clean, scalable graphics.

  • Text-to-SVG Describe any illustration and get clean vector output
  • Node Editing Fine-tune paths and points for exact results
  • Scalable Output SVGs render perfectly at any size in docs and UI
Try Vector Studio
Editing Tools

Pixel-perfect UI consistency

Eight in-browser tools let you fine-tune every icon. Adjust colors to match your product theme, control stroke weight for visual harmony, and clean up artifacts.

  • Recolor Match your product's color system with hex code precision
  • Thickness Control Uniform stroke weight across your entire icon set
  • Smooth & Crop Clean edges and consistent padding for every icon

Recolor

Apply any color with hex codes or the built-in picker.

Thickness

Adjust line weight to match your design system.

Smooth

Reduce jagged edges for clean UI rendering.

Crop

Auto-center and remove whitespace.

REST API

Automate with the Iconly API

Generate icons, social graphics, email templates, and more — all programmatically from any language. Build pipelines, integrate with CI/CD, or power your own products.

Terminal
$ curl -X POST https://iconly.ai/api/generate-icon/
  -H "X-API-Key: ik_live_..."
  -d '{"subject": "shopping cart", "preset_id": "duotone"}'
200 {
  "image_data": "data:image/webp;base64,UklGR..."
  "tokens_used": 9,
  "remaining_tokens": 2491
}
API Documentation Integration Guide
AI Agent Skills

Build with an Agent

Download a skills file to give your AI coding assistant full knowledge of the Iconly API. Claude, Cursor, Copilot, or any LLM-powered tool can use these to build with Iconly autonomously.

Icon Generation

Generate, post-process, and manage icons

Social Graphics

Generate social media creatives

Vector Generation

Generate and manage SVG vectors

Email Templates

Generate responsive HTML emails
Download All Skills (ZIP)

Or fetch via command line:

curl -o iconly-skills.zip https://iconly.ai/docs/api/skills-bundle/

Ready to build your product's design system?

Start with 300 free tokens + a 3-day free trial.

Start Creating Free

300 free tokens + 3-day free trial.