A comprehensive open-source icon system suitable for web, desktop, and apps.
What it costs
- Free tier
- Yes
Open-source icon library (Apache 2.0), free for personal and commercial use; no paid plan.
Auto-checked on 8 August 2026Source
About Mage Icons
What Is Mage Icons?
Mage Icons is a **free open-source icon library** in the icons category, designed specifically for user interface and SaaS production. It provides a collection of vector icons built on a 24x24 pixel grid, making it suitable for web, desktop, mobile apps, and smaller viewing experiences. Mage Icons fits into the design workflow as a resource for designers and developers seeking consistent icons that integrate easily into UI projects, with support for personal and commercial use.
What Mage Icons Does
- Offers icons constructed on a 24x24 pixel grid optimized for UI and SaaS interfaces.
- Enables searching icons via multiple tags, such as "hamburger menu," "three lines," or "menu."
- Allows direct copying of vector graphics for pasting into tools like Figma with a simple copy-paste action.
- Provides SVG format icons available in line and fill styles.
- Includes over 500 icons, with ongoing additions to expand the library.
- Supports integration through formats like SVG and Figma files, plus a React library for developers.
How Mage Icons Can Be Used
- Designers search for icons by tags in the online library at mageicons.com, copy the SVG, and paste directly into Figma for UI prototyping.
- Developers incorporate Mage Icons into web or SaaS projects using SVG files or the React component library for consistent icon rendering.
- Teams customize icons for brand needs by adjusting colors, stroke widths, or converting line styles to filled versions in design tools.
- Projects requiring lightweight icons for mobile apps or responsive web interfaces use the 24x24 grid assets to maintain visual consistency across screen sizes.
- Community contributors request new icons or submit feedback to shape the library during its beta development phase.
Who Is Mage Icons For?
Mage Icons serves UI designers, SaaS product teams, and frontend developers working on web, mobile, or desktop applications. It suits projects needing a **curated icon library** with tag-based search and easy integration into tools like Figma or codebases via React. Experience levels range from individual designers prototyping interfaces to development teams building scalable SaaS products, particularly those prioritizing open-source resources free for commercial use. Visit Mage Icons
Featured Tools
Sponsored
Artlist
Royalty-free music, SFX, 8K footage, templates, LUTs and 100+ AI models on a single subscription for video creators.
Icons8
Large icon packs featuring over 10,000 icons for consistent design themes.
Vidu
AI video generator with text, image and reference-to-video modes, producing 3–16 second clips at up to 1080p with characters that stay consistent across shots.
Your tool here
The tools above are our own picks until the slots sell.
Tools we recommend
Editorially chosen. Some links above are affiliate links — if you sign up we may earn a commission, at no extra cost to you.
More Icons Tools
Animated Icons 2.0
Enhance your projects with 900+ animated icons.
Glyph Neue
Over 1,500 icons in SVG and PNG formats, free with attribution.
Line Awesome
Easily replace Font Awesome with modern line icons using one line of code.
Pichon
Drag and drop the best design graphics with ease.
Akar Icons
A perfectly rounded icon library designed for designers and developers.
Atlas Icons
Versatile open-source icon library, offering various stroke widths and formats.
Explore Other Categories
Discover more design resources
New to Design?
Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.
Browse GlossaryLooking for something specific?
Search through our entire collection of design tools and resources