UI & Interface SVG Icons

Pathwork's UI & Interface collection gathers general-purpose interface icons from multiple popular libraries into one searchable set — covering navigation, actions, status, and everyday UI elements. Every icon is re-hosted with consistent naming, with the original source and license noted per icon, ready to drop into any interface as a single SVG.

12 icon packs·Free & open source

Icon Packs

Bootstrap Icons

2,084 iconsMIT
0 Circle
0 Circle Fill
0 Square
0 Square Fill
1 Circle
1 Circle Fill

Carbon

2,733 iconsApache 2.0
3d Cursor
3d Cursor Alt
3d Curve Auto Colon
3d Curve Auto Vessels
3d Curve Manual
3d Ica

css.gg

704 iconsMIT
Abstract
Add
Add R
Adidas
Airplane
Alarm

HeroIcons

1,288 iconsMIT
Academic Cap
Academic Cap 16 Solid
Academic Cap 20 Solid
Academic Cap Solid
Adjustments Horizontal
Adjustments Horizontal 16 Solid

Iconoir

1,682 iconsMIT
Accessibility
Accessibility Sign
Accessibility Tech
Activity
Adobe After Effects
Adobe After Effects Solid

IonIcons

2,361 iconsMIT
Accessibility
Accessibility Outline
Accessibility Sharp
Add
Add Circle
Add Circle Outline

Lucide

1,836 iconsISC
A Arrow Down
A Arrow Up
A Large Small
Accessibility
Activity
Ad

MingCute Icon

3,336 iconsApache 2.0
Abs Fill
Abs Line
Ad Circle Fill
Ad Circle Line
Ad Circle Off Fill
Ad Circle Off Line

Phosphor

9,161 iconsMIT
Acorn
Acorn Bold
Acorn Duotone
Acorn Fill
Acorn Light
Acorn Thin

Remix Icon

3,229 iconsApache 2.0
24 Hours Fill
24 Hours Line
4k Fill
4k Line
A B
Accessibility Fill

Solar

7,404 iconsCC BY 4.0
4k Bold
4k Bold Duotone
4k Broken
4k Line Duotone
4k Linear
4k Outline

Tabler Icons

6,232 iconsMIT
A B
A B 2
A B Off
Abacus
Abacus Off
Abc

Common Use Cases

  • 1

    Navigation bars and sidebars needing consistent icons for menus, search, and settings

  • 2

    Buttons and form controls paired with icons for actions like save, delete, edit, or add

  • 3

    Status indicators showing success, error, warning, or loading states throughout an app

  • 4

    Dashboard and admin panel interfaces requiring a large, consistent icon set across many screens

  • 5

    Empty states and onboarding flows using simple icons to illustrate features or steps

  • 6

    Mobile app interfaces needing lightweight, consistent icons across tab bars and toolbars

  • 7

    Design system and component library development where icon consistency matters across a whole product

  • 8

    Landing pages and feature sections using icons to represent product capabilities at a glance

Frequently Asked Questions

All icons are provided as SVG files, which scale cleanly at any size and can be styled with CSS (color, stroke width, size) without needing separate image files for each variant.

This collection brings together icons from Heroicons, Carbon, Lucide, Bootstrap Icons, Tabler Icons, Solar, Remix Icon, IonIcons, Iconoir, and Phosphor. Each library has its own stroke weight, corner radius, and level of detail, so the best approach is usually to preview a few libraries side by side and pick one whose style matches your product, then stick with it for consistency.

It's best to avoid this where possible. Even though these libraries cover similar concepts (a 'home' icon, a 'settings' gear, etc.), differences in stroke width, corner rounding, and visual weight can make an interface look inconsistent if icons from multiple libraries are mixed on the same screen.

Some do and some don't — for example, several libraries in this collection offer both outline and solid/filled versions of the same icon, while others only provide one style. Check the individual library's pack page to see which variants are available before committing to it.

Each icon keeps the original license from its source library attached to it, since terms can differ slightly between the ten libraries in this collection. Most are permissively licensed (like MIT), but it's worth checking the license shown on the individual icon or pack page before using it commercially.

Most modern UI icon libraries — including the ones in this collection — are designed on a similar grid (commonly 24×24), but exact padding and visual weight can still vary between libraries. If pixel-perfect alignment matters for your design, it's best to test icons from your chosen library directly in your interface.

With ten libraries combined, most common UI concepts are covered, but very specific or niche icons may still be missing. If you can't find what you need, checking a couple of different libraries in this collection often turns up an equivalent.

More Collections

logos/google-icon
logos/airbnb-icon
bxl/amazon
token-branded/bitcoin

Brands & Logos

Brand and product logos in SVG

meteocons/extreme-night-drizzle-fill
wi/day-lightning
meteocons/wind-beaufort-12-fill
wi/sandstorm

Weather

SVG icons for every weather condition

gis/bbox-alt
tabler/map-pin-check
maki/airport
osmic/bicycle-14

Maps & Location

Markers and POI icons for maps

twemoji/pot-of-food
noto/kiwi-fruit
mdi/food-fork-drink
openmoji/pot-of-food

Food & Drink

Food and beverage icons

mdi/car-back
tabler/motorbike
carbon/bicycle
carbon/crossroads

Transport & Vehicle

Cars, transit, and travel icons

emojione/grinning-face
emojione-monotone/cat-face
noto-v1/grinning-squinting-face
openmoji/family

Emoji

SVG emojis, seven styles combined

tabler/garden-cart
lucide/credit-card
solar/shop-bold-duotone
hugeicons/shopping-bag-add

E-Commerce

Cart, checkout, and shipping icons

medical-icon/ambulance
healthicons/blood-drop-24px
covid/symptoms-fever
covid/covid-19-virus-4

Medical & Health

Health and medical icons

View all collections →