I will design a custom svg icon set or line icons for your website


About this gig
Mismatched icons make an app look unfinished. One is thick, one is thin, one has round corners, one doesn't. I design icon sets where every icon follows the same rules, so your interface looks like one product.
Every icon is drawn on a 24 px grid with the same stroke width, corner radius and padding, then tested at 16, 24, 32 and 48 px to make sure it stays clear at small sizes.
What you get
- Custom icons drawn for your product (no stock packs, no auto-traced clip art)
- Clean SVG code: no hidden transforms, rounded coordinates, currentColor so icons take any colour in CSS
- PNG exports at the sizes you need
- A sprite sheet and an editable master file (Standard and Premium)
- React-ready SVG components and animated icons (Premium)
- The style rules (grid, stroke, radius), so your team can extend the set later
Great for
Web and mobile apps, SaaS dashboards, websites, presentations and documentation.
How it works
1. Send me the list of icons you need and your current UI or brand colours
2. I send the first icons to lock the style
3. I finish the set and deliver every format
Need more icons than the package? Add them at a fixed price per icon.
Delivery style preference
Please inform the freelancer of any preferences or concerns regarding the use of AI tools in the completion and/or delivery of your order.
Get to know Gordon D
Junior Systems and Network Administrator
- FromFrance
- Member sinceSep 2026
- Avg. response time1 hour
Languages
English, French
My Portfolio
FAQ
Can you match the style of icons I already have?
Yes. Send me your current icons and I'll match their grid, stroke width and corner style, so the new ones blend in with the old ones.
Which formats do I receive?
SVG for every icon, PNG exports at the sizes you choose, and in Standard and Premium a sprite sheet and an editable master file. Premium also includes React-ready components.
Can I change the icon colours myself?
Yes. The icons use currentColor, so they take the text colour you set in CSS. No need to edit the files.
Do you use AI?
I use AI-assisted tools in my workflow. Every icon, design decision and final file is directed, checked and refined by me. If you prefer a no-AI workflow, tell me before ordering.
Are the icons mine to use commercially?
Yes. Every icon is drawn for your project and you get full commercial rights once the order is complete.
What does "animated icons" mean?
Small, light animations in CSS or SVG (for example a check mark drawing itself or a bell that rings on hover). No JavaScript needed, and they stay still for users who turn off animations.

