Mini Bold Line Icons
2,318 icon elements2,318 icons. Bold strokes. 24px grid. This is the pack you reach for when your interface has hundreds of distinct actions and you need every single one to be instantly recognizable at small sizes. The thicker stroke weight that defines the bold line style, combined with the compact 24px optimization, means these icons stay legible in dense navigation menus, data-heavy tables, and mobile interfaces where space is measured in single-digit pixels.
Here's the math that most design teams face: your product has 200+ distinct features, states, and actions. You need a unique icon for each one. And most of those icons will be displayed at 20 to 32 pixels. Generic icon sets either don't have enough variety at that count, or they use thin strokes that vanish at small sizes. This collection solves both problems at once.
Why "bold" and "mini" aren't contradictory
At full display size, a 1.5px stroke looks elegant. At 24px, it looks like a suggestion. The bold stroke weight in this pack (2 to 2.5px equivalent at base size) was specifically calibrated for small-grid rendering. The lines are thick enough to maintain their character at thumbnail scale but not so heavy that they fill in and lose detail. Every icon went through a pixel-grid alignment pass to prevent anti-aliasing blur.
2,318 icons means you stop mixing packs
UI Essentials with navigation, actions, status indicators, and form controls
Communication covering email, chat, video, voice, and social platforms
Commerce spanning products, carts, payments, shipping, and returns
Media including players, controls, file types, and streaming interfaces
Development with code, version control, deployment, and monitoring symbols
Analytics covering charts, metrics, KPIs, and data visualization elements
Healthcare, Education, Finance, Travel, Food and 15+ more vertical categories
We replaced three separate icon packs with this one set. Consistency across our entire platform improved overnight, and our frontend team stopped filing 'missing icon' tickets.
Built for developers, not just designers
The SVGs are clean. No nested groups three levels deep. No `` blocks referencing invisible elements. No inline styles fighting with your CSS. Each icon is a single `` with minimal path data, averaging under 500 bytes. Drop them into React, Vue, or Angular components without cleanup. The consistent 24px viewBox means spacing calculations are predictable across your entire codebase.
What ships
2,318 optimized SVG files ready for web and app production
AI source files with editable stroke weights
PNG exports at 1x, 2x, and 4x
Organized by category with consistent naming conventions
For the same bold aesthetic at larger display sizes, try our Bold Line Icons. For a thinner alternative on the same grid, see Mini Line Icons. Compare styles across all icon packs to find the right weight.
These bold mini icons complement Block Line illustrations for products that want a consistent thick-stroke visual identity, or pair them with Flavor illustrations for a friendly, modern look across your full interface.
Note: This pack may include representations of third-party logos, social media icons, national flags, and brand symbols. These elements are provided as free reference assets only and remain the intellectual property of their respective owners. They are not sold as part of this product and should be used in accordance with each brand's usage guidelines.
Purchased this pack?
