Icon usage
Start with your project context. Installation explains where the assets come from, backend usage covers TYPO3-native components, and external usage covers standalone tools and builds.
Choose your path
What TYPO3 Core already provides, when to install the npm package, and which files the package publishes.
Add icons to Fluid templates and backend JavaScript with the TYPO3 ViewHelper or the backend icon web component.
Use the published SVG sprites, CSS and Sass variables in a standalone project with no TYPO3 runtime.
Which icon-library release each supported TYPO3 branch includes, before you rely on a recently introduced identifier.
Quick comparison
| Context | Recommended method |
|---|---|
| Fluid template | TYPO3 Core icon ViewHelper |
| Backend JavaScript | Backend icon web component |
| Standalone HTML | SVG category sprite |
| Compiled stylesheet | Sass data-URI variable |