Style pack Style Updated May 26, 2026
Filled Solid Icons
Solid, high-contrast shapes for buttons, tab bars, footers, and the small touch targets where stroke-based icons would disappear. Drawn from Heroicons-solid and Phosphor-fill.
50 icons
3 libraries
All open-source
house-fill page
user-fill page
gear-fill page
magnifying-glass-fill page
bell-fill page
heart-fill page
envelope-fill page
phone-fill page
calendar-fill page
clock-fill page
map-pin-fill page
globe-fill page
camera-fill page
image-fill page
video-fill page
mic-fill page
play-fill page
pause-fill page
music-fill page
speaker-high-fill page
pencil-simple-fill page
check-fill page
x-fill page
plus-fill page
minus-fill page
copy-fill page
save-fill page
trash-fill page
download-fill page
upload-fill page
share-fill page
link-fill page
lock-fill page
lock-open-fill page
eye-fill page
filter-fill page
grid-fill page
list-fill page
menu-fill page
caret-left-fill page
caret-right-fill page
arrow-left-fill page
arrow-right-fill page
arrow-up-fill page
arrow-down-fill page
star-fill page
bookmark-fill page
shopping-cart-fill page
wallet-fill page
gift-fill page
No icons match those filters.
50 icons shown · 0 in kit
About this pack
Filled Solid is the "fill" half of the outline/fill dichotomy. The icons drop their stroke geometry in favour of solid silhouettes which read more confidently at small sizes (12–16 pixels) and inside dark contexts where outline icons get lost. Use these for primary buttons, bottom-nav tabs, status pills, and notification badges.
Pack at a glance
CategoryStyle pack
TagStyle
Total icons50
Libraries3
Last updatedMay 26, 2026
Best for
Bottom navigation
Primary buttons
Status pills
Notification badges
Touch targets <16px
Style composition
0 outline50 filled
Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.
Libraries in this pack
Every glyph is drawn from a real open-source set — here's exactly how the 50 icons break down, with each license.
Licensing
Free for commercial use. This pack mixes 2 licenses across its 3 sources:
MITPhosphor, Bootstrap
Apache 2.0Mingcute
Icons via DownloadIcons (downloadicons.com). Phosphor (MIT), Bootstrap (MIT), Mingcute (Apache 2.0).
All 50 icons in the Filled Solid pack
Full index — every icon links to its own page with downloads in all formats.
Phosphor · 44
Bootstrap · 3
Mingcute · 3
Common questions
How many icons are in the Filled Solid pack?
50 icons, drawn from 3 open-source libraries: Phosphor (44), Bootstrap (3), Mingcute (3).
Can I use these icons in commercial projects?
Yes. Every library in this pack is open source — Phosphor and Bootstrap under MIT; Mingcute under Apache 2.0. Keep each library’s license text when redistributing source.
What formats can I export?
Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.
Do outline and filled icons behave differently?
This pack contains 0 outline and 50 filled icons. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.
How is the kit saved?
Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.
Designers who used this pack also liked:
Export kit
Icons
0
Libraries
0
Format
SVG
Est. size
0 KB
Copied