How does this skill help with Umbraco icons?

It automates the creation of the manifest (umbraco-package.json), the icons registry, and the individual SVG modules required by the Umbraco backoffice.

Where can I use these custom icons once registered?

Once registered, these icons can be used in any Umbraco extension that accepts an icon property, such as header apps, dashboards, or via the HTML tag.

Does it support the latest Umbraco versions?

Yes, the skill is designed to fetch the latest official documentation before generating code to ensure compatibility with modern Umbraco CMS standards.

Can I use my own SVG files?

Absolutely. You can provide your SVG sources, and the skill will format them into the required JavaScript or TypeScript modules for the backoffice.

Umbraco Icons Integration

Name: Umbraco Icons Integration
Author: umbraco

byumbraco

•

Content Management

Implements custom SVG icons and registries within the Umbraco CMS backoffice using official documentation and best practices.

About

The Umbraco Icons skill empowers developers to extend the Umbraco backoffice by registering and managing custom visual elements. It automates the creation of icon manifests, TypeScript registry files, and SVG modules, ensuring compliance with the latest Umbraco Foundation and Extension Registry standards. By fetching real-time documentation and following official reference patterns, it provides a seamless workflow for adding distinctive branding and UI indicators to custom Umbraco extensions, dashboards, and header applications.

Key Features

1 GitHub stars
Dynamic creation of TypeScript-based icon registries
Automated manifest generation for icon extensions
SVG-to-JavaScript module conversion for backoffice compatibility
Integration guidance for using custom icons in HTML templates
Real-time fetching of official Umbraco documentation

Use Cases

Branding a custom Umbraco package with a unique visual identity
Migrating legacy icons to the modern Umbraco backoffice SVG system
Adding distinct icons for custom header applications or dashboard tabs

About

Key Features

1 GitHub stars
Dynamic creation of TypeScript-based icon registries
Automated manifest generation for icon extensions
SVG-to-JavaScript module conversion for backoffice compatibility
Integration guidance for using custom icons in HTML templates
Real-time fetching of official Umbraco documentation

Use Cases

Branding a custom Umbraco package with a unique visual identity
Migrating legacy icons to the modern Umbraco backoffice SVG system
Adding distinct icons for custom header applications or dashboard tabs