Accessibility SVG Icons

Screen reader, high contrast, closed captions, wheelchair access, sign language — the icons that show up whenever an interface needs to communicate an accessibility feature or accommodation, curated from Carbon, Fluent UI System Icons, Heroicons, Lucide, Material Design Icons, Tabler Icons, and other general UI libraries. Rather than searching a full icon set for the handful of accessibility-related symbols you need, they're grouped together here for settings panels, public signage, and inclusive design work.

6 icon packs·Free & open source

Icon Packs

Carbon

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

Fluent UI System Icons

20,108 iconsMIT
Access Time 20 Filled
Access Time 20 Regular
Access Time 24 Filled
Access Time 24 Regular
Accessibility 16 Filled
Accessibility 16 Regular

HeroIcons

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

Lucide

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

Material Design Icons

7,638 iconsApache 2.0
Ab Testing
Abacus
Abjad Arabic
Abjad Hebrew
Abugida Devanagari
Abugida Thai

Tabler Icons

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

Common Use Cases

  • 1

    Accessibility settings panels showing options for contrast, text size, or screen reader support

  • 2

    Video and media players with icons for captions, audio description, or transcripts

  • 3

    Public-facing signage and maps indicating wheelchair-accessible entrances or facilities

  • 4

    Form fields and inputs showing accessible labeling or assistive input options

  • 5

    Onboarding flows letting users configure accessibility preferences

  • 6

    Documentation and compliance pages (like WCAG or ADA) illustrating accessibility features

  • 7

    Product accessibility statements showing which accommodations are supported

  • 8

    Icon-only buttons paired with proper labels to demonstrate accessible UI patterns

Frequently Asked Questions

The libraries do overlap, since Carbon, Fluent UI System Icons, Heroicons, Lucide, Material Design Icons, and Tabler Icons are all general-purpose sets. This collection narrows those down to icons relevant to accessibility features and assistive technology, so you're not searching a full general set for them. For broader interface needs beyond accessibility, the UI & Interface collection covers more ground.

The SVG files provide the visual icon only; ARIA labels, alt text, and accessible naming are something you add when implementing the icon in your markup (e.g. aria-label="Enable high contrast mode"). An accessibility icon used without a proper accessible label doesn't make the feature itself accessible.

Some follow widely recognized conventions (like the International Symbol of Access for wheelchair accessibility), while others are more general interface icons adapted to represent accessibility concepts (like a screen reader or contrast icon) without a formal standard behind them. For legally required signage or compliance contexts, verify against the official standard rather than relying on icon style alone.

This depends on the library — several of the included sets (like Heroicons, Lucide, and Tabler Icons) offer both outline and filled variants for many icons, while others may only provide one style. Check the individual icon or pack page to confirm.

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. Note that using these icons doesn't itself guarantee compliance with standards like WCAG — that depends on your overall implementation.

Yes — since they're SVG and largely single-color, you can apply fill or stroke colors with CSS, which is useful for meeting minimum contrast ratios against your background. Just verify the actual contrast ratio in context rather than assuming a color choice is sufficient.

Coverage focuses on commonly referenced accessibility features rather than every specific condition or assistive technology. If something specific is missing, consulting official accessibility icon standards (like ISO or W3C resources) alongside this collection may help fill the gap.

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 →