Outline & Line Art SVG Icons

Unlike topic-based collections, this one is grouped by style — every library here built around thin, single-stroke line art rather than filled shapes. That includes minimal, evenly-weighted sets (Feather Icons, Heroicons, Lucide, Tabler Icons) alongside more distinctive or playful takes on the outline format (Charm Icons, Pepicons Pop!, Bytesize Icons, Iconoir, Myna UI Icons). Useful for comparing stroke weight and corner style side by side before settling on the one that fits your interface.

9 icon packs·Free & open source

Icon Packs

Bytesize Icons

102 iconsMIT
Activity
Alert
Archive
Arrow Bottom
Arrow Left
Arrow Right

Charm Icons

262 iconsMIT
Anchor
Apps
Apps Minus
Apps Plus
Archive
Arrow Down

Feather Icons

286 iconsMIT
Activity
Airplay
Alert Circle
Alert Octagon
Alert Triangle
Align Center

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

Lucide

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

Myna UI Icons

2,658 iconsMIT
A Arrow Down
A Arrow Down Solid
A Arrow Up
A Arrow Up Solid
Accessibility
Accessibility Solid

Pepicons Pop!

1,290 iconsCC BY 4.0
Airplane
Airplane Circle
Airplane Circle Filled
Airplane Circle Off
Airplane Off
Alarm

Tabler Icons

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

Common Use Cases

  • 1

    Minimal or clean UI designs where filled icons feel too heavy or dominant

  • 2

    Design systems standardizing on a single stroke weight across an entire product

  • 3

    Landing pages and marketing sites wanting a light, modern visual feel

  • 4

    Dashboards and admin panels needing subtle icons that don't compete with data

  • 5

    Icon-heavy navigation menus where uniform stroke weight keeps things visually calm

  • 6

    Documentation and technical content using simple line icons for callouts or steps

  • 7

    Portfolio and personal sites wanting a minimalist aesthetic

Frequently Asked Questions

UI & Interface groups icons by topic (navigation, actions, status) across libraries that mix outline, filled, and other styles. This collection groups by style instead — every icon here is specifically outline or line art, regardless of what it represents. Some libraries, like Lucide and Tabler Icons, appear in both.

It varies more than it might seem at first glance. Feather Icons and Heroicons use a lighter, more uniform stroke; Tabler Icons and Iconoir tend toward a slightly bolder line; Charm Icons and Pepicons Pop! lean into more distinctive, characterful shapes rather than strict geometric minimalism. Previewing a few side by side is the best way to see the difference, since it's subtle in description but obvious visually.

Generally no — even though all these libraries share the 'outline' style broadly, small differences in stroke width, corner rounding, and grid size can make icons look mismatched when placed next to each other. Pick one library and stay consistent across a given interface.

Some do — a few libraries here (like Tabler Icons and Iconoir) publish a filled variant alongside their outline set, so you can switch styles without changing libraries. Others are outline-only. Check each library's pack page to see what's available.

Each icon keeps the license from its source library attached to it, and terms can differ between the included libraries. Most are permissively licensed (like MIT), but check the license shown on the individual icon or pack page before using it commercially.

Yes, for most — since these are outline SVGs using stroke rather than fill, you can typically override 'stroke-width' with CSS to make icons bolder or lighter, though the base proportions were designed around each library's default weight, so extreme adjustments may look off.

Coverage varies and changes as libraries update, so it's worth checking icon counts directly on each library's pack page. Generally, more actively maintained, community-driven libraries tend to have broader coverage than smaller, more curated sets.

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 →