Week 1
When you confirm your email
Dashboard
Pricing plans
Integrations
Product tour
Kanban board
Free trial
Status page
Help center
Week 2
One week later
Shared inbox
Seats
Feature flags
API keys
Docs
Usage meter
Onboarding checklist
Webhooks
Week 3
Two weeks later
Invoice
Audit log
Feedback survey
Scheduling
Upgrade
Permissions
Notification center
Video meeting
About this set
About the SaaS icons
SaaS icons for the pages that explain a product. The set covers what visitors look for before they sign up (Dashboard, Pricing plans, Integrations, Free trial), what new users meet first (Product tour, Onboarding checklist, Help center) and what teams manage later (Seats, Permissions, Audit log, Invoice). Developer-facing ones such as API keys, Webhooks and Feature flags are included.
Where they fit
On a pricing page, Pricing plans lifts the middle plan and gives it a badge. On an integrations page, Integrations snaps app tiles into the central hub. On a docs or status page, Status page lights the service bars one by one. They also fit onboarding emails, feature grids and changelog entries.
One look across the set
Each icon is drawn on the same 400 by 320 canvas with one line weight and one accent colour. A Kanban board and a Video meeting sit in the same feature grid and still look like one product, so your marketing site feels consistent.
From the email to your page
- Open the email and download the ZIP. The svg folder holds the animated icons, and preview.html shows them all moving.
- For a looping icon, use the file as an image: an img tag with width 240 and height 192 keeps the 5:4 frame.
- For hover play, accent colour and dark mode, paste the SVG markup into your page instead of linking the file.
- Add data-play="hover" to the svg to play it only on hover, or data-cm-play="hover" on the card around it.
- Set --cm-accent to your brand colour, and add data-theme="dark" on dark backgrounds.
License
Free to use, with three limits
- Use them in websites, apps, products and client projects, free
- Credit is appreciated, not required
- Not allowed: selling or sharing them as icons, claiming them as yours, or using them in a logo
More industries
Building for SaaS?
We build SaaS products, not just their icons
DeveloperLook designs and builds the websites and software these icons are drawn for. See how we work in your market.
FAQ
Questions about the SaaS icons
Saimul IslamFounder & CEO, DeveloperLookStill have questions?
Send a message or book a call with the team.
Yes, for commercial work: your website, your app, your product or a client's project. Attribution is appreciated, not required. What you can't do is resell or hand them out as icons, present them as your own work or turn one into a logo. Read the license page for the exact terms before you start.
The SaaS set has 24 icons. They arrive over 3 weeks, 8 a week, and the first batch comes as soon as your email is confirmed. The set covers dashboards and pricing, onboarding and help, and billing and permissions, so one batch at a time you build a full library for your pages.
Put your email in the form on this page and confirm it. Icons start arriving right away and keep coming each week until you hold the full set. Each industry is its own email series, and one address can follow one of them. You can unsubscribe at any time.
Yes. The SVG opens in Figma, Illustrator or any vector editor, so you can change shapes, sizes and colours. The motion is CSS inside the file, so a design tool shows the still pose. Keep the original SVG for the moving version on the web. Each batch also comes with GIF and PNG versions.
No. Each icon is a small SVG with its motion in plain CSS, with no JavaScript and no fonts to load. Visitors who have reduced motion turned on see the still pose instead. For a software product, where the marketing site is often the first speed test a buyer notices, that counts.
Saimul IslamFounder & CEO, DeveloperLookStill have questions?
Send a message or book a call with the team.
Free 30-min callGoogle Meet
Book a call
Book a free 30-minute call
In 30 minutes on Google Meet we walk you through how we would build it, how long it takes and what it costs. Then you get a written estimate.
Calendar not showing? Book on cal.com or send a brief.