Public Information Symbols

Why Public Information Symbols?

ISO 7001 defines public information symbols used in transport hubs, public buildings, hotels, and civic spaces worldwide — from accessibility icons to toilet signs, from airport symbols to restaurant indicators. This library packages all 178 symbols as accessible, fully typed components.

React & Vue 3

Named components and a SymbolById helper for dynamic rendering. Tree-shakeable — only the symbols you import end up in your bundle.

Web Components

Framework-agnostic Custom Elements. Works with Angular, Svelte, plain HTML — anywhere.

CSS Sprite

Zero JavaScript option. Display any symbol with a single class and no JS runtime.

Accessible by default

Every component renders with role="img", aria-labelledby, <title>, and <desc> inside the SVG.

Packages

Package	Version	Description
@public-information-symbols/react		React components (inline SVG)
@public-information-symbols/vue		Vue 3 components (inline SVG)
@public-information-symbols/elements		Web Components (Custom Elements)
@public-information-symbols/css		CSS background-image sprite
@public-information-symbols/sprite		SVG symbol sprite
@public-information-symbols/assets		Static SVG/PNG/JPG/WebP files
@public-information-symbols/core		TypeScript data and lookup API

ISO 7001 Categories

Category	Symbols	Description
Accessibility	23	Wheelchair access, hearing loop, assistance dogs, priority seating
Public Facilities	55	Toilets, information, elevator, recycling, shower, baby care
Transportation	38	Airport, taxi, parking, baggage, vehicle charging, ferry
Commercial	21	Restaurant, hotel, pharmacy, shop, cinema, ATM
Behaviour	19	Queue here, no photography, silence, phone charging
Tourism & Culture	18	Museum, camping, trail, planetarium, gallery
Sporting Activities	4	Athletic facilities