What it does
Foundation Icon Fonts provides general, page, media, editing and other symbols in a webfont with CSS-based styling examples.
A text-editor toolbar is a good way to assess the catalog: bold, alignment, lists, links and other actions share a class-based font route. The examples show size, color and styling changes through CSS. Use a meaningful accessible name on the control rather than expecting a visual glyph to explain an action by itself.
The page distinguishes this generation from its older deprecated set. Follow the current page’s font and markup guidance when maintaining a Foundation interface, and confirm the required symbols in its full inventory before copying an older tutorial’s classes.
Strengths
- The catalog covers several practical application categories.
- Styling and usage examples accompany the inventory.
Watch out for
- Older Foundation icon implementations use a different, deprecated route.
Best for
- Existing Foundation interfaces using webfont symbols
Sources
- Foundation Icon Fonts 3 | Playground from ZURB (Oct 25, 2026)