skills.rest
albanist
albanistCOMMUNITY
Explore all skills by this author →
GitHub

umbraco-icons

Register custom SVG icons in Umbraco backoffice via extension manifests.

4|Updated Mar 6, 2026
Search Tags:#customization#extension#icons#svg#umbraco#backoffice
One-click install
npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-icons-albanist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-icons
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/extensions/umbraco-icons
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-icons-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the integration of custom visual elements (icons) into the Umbraco backoffice, enhancing the user interface and branding of Umbraco extensions.

Core Features & Use Cases

  • Custom Icon Registration: Allows developers to define and register their own SVG icons.
  • Manifest Integration: Icons can be specified in extension manifests for use in various UI components.
  • Use Case: A company wants to use its own branded icons for custom dashboard widgets and content app headers within the Umbraco backoffice. This Skill provides the method to achieve that.

Quick Start

Use the umbraco-icons skill to add a new custom icon named 'my-new-icon' using the provided SVG content.

Frequently Asked Questions about umbraco-icons

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add custom SVG icons to the Umbraco backoffice?▼

You can add custom SVG icons to the Umbraco backoffice by registering the SVG content through extension manifests. This allows you to define and use custom visual branding within your Umbraco extensions.

Can I use my own branded SVG icons for Umbraco dashboard widgets?▼

Yes, you can use branded SVG icons for Umbraco dashboard widgets and content app headers. By registering your custom SVG content in extension manifests, you can apply it across various UI components in the backoffice.

How does custom icon registration work in Umbraco extension manifests?▼

Custom icon registration works by defining your SVG content within the extension API as part of the manifest. This specifies the icon definition and usage for visual elements in the backoffice user interface.

Do I need specific dependencies to implement custom icons in Umbraco?▼

No specific external dependencies are required to implement custom icons in Umbraco. You primarily need to adhere to the Umbraco extension API for icon definition and usage to register your SVG content successfully.

What are the limitations when adding custom icons to Umbraco?▼

The primary limitation when adding custom icons is the strict adherence required to the Umbraco extension API for icon definition. Your SVG content must be properly structured and registered via extension manifests to function correctly.

Related Skills

Explore More Software Engineering Skills→
1k-off1k-off
1

umbraco-icons

Register custom SVG icons for the Umbraco backoffice via extension manifest.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-icons

Register custom SVG icons in the Umbraco backoffice via extension manifest.

Official
Basic
umbracoumbraco
26

umbraco-icons

Register custom SVG icons in the Umbraco backoffice via manifest files and JavaScript modules.

Official
Basic
albanistrefialbanistrefi
4

umbraco-icons

Register custom SVG icons in Umbraco backoffice extension manifests.

Community
Intermediate