Icon design
A custom icon set drawn on one grid, so every icon looks like it belongs with the rest.
GradaxEuropean companyOrder outright
Founded 2014·Built and operated in Europe·1 to 4 weeks
About this service
Mixed icons from three free packs make a product or website look assembled. We design a consistent set on a shared grid, with the same stroke, corner radius and level of detail throughout, delivered as SVGs and an icon font or component library your developers can use directly. App icons are available too.
Why mixed icon sets look cheap
Most products start with a free icon library and then hit a concept it does not cover. Someone finds the missing icon in a different set, with a slightly thicker stroke, rounder corners or a different perspective. Repeat a dozen times and the interface looks assembled from parts, even if nobody can say exactly why.
A custom set solves this with rules. Every icon sits on the same grid, uses the same stroke width, the same corner radius and the same level of detail. Once those rules are set, new icons can be added years later and still match.
Drawn for 16 pixels, not for the presentation
Icons are often designed large and admired large, then shipped at 16 or 24 pixels where detail turns to blur. A delicate line drawing of a building becomes a grey smudge in a navigation bar. Some concepts also turn out to be ambiguous when shrunk.
We check every icon at its real size inside screenshots of your interface. Where an icon is used at very different sizes, the largest package includes separately tuned versions for small and large use.
Developers receive clean, optimised SVGs with consistent names, plus a Figma component library for designers. That keeps the icons consistent between design files and the live product.
- Shared grid, stroke weight and corner style
- Checked at actual size in your interface
- Optimised SVGs with predictable file names
- Figma components for your design team
What you get
Everything below is in the price. Nothing here is an upgrade.
- Icon style guide: grid, stroke, corners, perspective
- Designed icon set in your chosen style
- Optimised SVG files with consistent naming
- Figma component library
- App icon in every required size, where ordered
What changes
- Every icon on the same grid, stroke weight and corner style
- Icons that stay legible at 16 and 24 pixels
- Meanings tested so people recognise them without labels where needed
- Files ready for developers: optimised SVGs and a sprite or font
How it runs
Define
Grid, stroke and style decided on a handful of test icons.
Draw
The full set drawn to those rules, side by side.
Check
Every icon viewed at real size on your interface.
Export
Clean SVGs, a Figma library and developer-ready files.
Compare the sizes
The standard price for each size. Extras are priced beside it, not hidden behind a call.
| Included | 12 icons€2901 week | 30 icons€5002 to 3 weeks | 60 icons and app icon€1,0504 weeks |
|---|---|---|---|
| Style guide | Included | Included | Included |
| 12 custom icons | Included | Included | Included |
| SVG and PNG files | Included | Included | Included |
| One round of revisions | Included | Included | Included |
| Outline and filled variants | Not included | Included | Included |
| Figma component library | Not included | Included | Included |
| Icon font or SVG sprite | Not included | Included | Included |
| App icon for iOS and Android in every size | Not included | Not included | Included |
| Two sizes optimised separately for small and large use | Not included | Not included | Included |
| Usage guidelines for future icons | Not included | Not included | Included |
| Order | Select | Select | Select |
Add what you need
Choose the size
Add what you need
Your total€500
ContinueThe standard price, plus whatever you add. Confirmed in writing before anything starts; nothing is charged until you accept it.
Questions
Why not use a free icon library?
Free libraries are fine when they cover everything you need. Problems start when they do not, and you mix sets. A custom set also makes the product recognisably yours.
Can you match an existing library?
Yes. If you already use a library and need extra icons in the same style, we draw them to its grid and stroke.
Can icons be animated?
Yes, as Lottie files for web and apps. That is the Lottie web animation service.
Related searches
Related work
ScopedUI design sprintScreens designed and prototyped in two weeks, ready to build.from €1,800on scope
One-timeLottie and web animationLightweight vector animations for websites and apps, delivered as Lottie files that stay sharp and load fast.from €290one-time
One-timeMobile app designiOS and Android app screens designed in Figma, with flows, states and a component library ready for build.from €420one-time
Order it
Standardised enough to order on its own. The price is confirmed in writing before anything starts.