| Understand the Icon API system |
What is Icon API |
| Understand icon pack discovery and lifecycle |
Icon Pack Architecture |
| Create a new icon pack in YAML |
Icon Pack Definition |
| Choose the right extractor for my icons |
Choosing Extractors |
| Use individual SVG files |
SVG Extractor |
| Use SVG sprite files for large icon sets |
SVG Sprite Extractor |
| Use any image format or remote sources |
Path Extractor |
| Integrate existing icon fonts |
Font Extractor |
| Add icon fields, menu icons, or CKEditor integration |
UI Icons Module Features |
| Understand template variables |
Template Variables |
| Render icons in Twig templates |
Twig Icon Function |
| Build SDC components with icon props |
SDC Icon Props |
| Use icon slots in components |
Icon Slots |
| Access icons programmatically in PHP |
IconPackManager Service |
| Understand icon caching |
Caching Strategy |
| Optimize icon performance |
Performance Best Practices |
| Handle SVG security and optimization |
SVG Security & Performance |
| Secure remote icon sources |
Remote Resource Security |
| Debug icon discovery issues |
Troubleshooting Icon Discovery |
| Debug template rendering issues |
Debugging Templates |
| Migrate from existing icon systems |
Migration Patterns |
| Build a custom extractor plugin |
Custom Extractor Development |