skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-icons

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

Updated Mar 6, 2026
Search Tags:#frontend#customization#icons#svg#umbraco#backoffice
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-icons-kraftvaerk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-icons
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-icons
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-icons-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of adding custom SVG icons to the Umbraco backoffice, enhancing the visual consistency and branding of custom extensions.

Core Features & Use Cases

  • Icon Registration: Guides users through registering custom SVG icons using Umbraco's extension manifest system.
  • SVG Integration: Provides examples for creating and referencing SVG icon files.
  • Use Case: A developer needs to add a unique icon for a new custom dashboard app in Umbraco. This Skill helps them generate the necessary manifest and SVG code to integrate the icon seamlessly.

Quick Start

Use the umbraco-icons skill to generate the necessary files to add a new custom icon named 'my-new-icon' to the Umbraco backoffice.

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 add custom SVG icons to the Umbraco backoffice by registering them through Umbraco's extension manifest system. This process involves creating SVG files and defining their usage within the manifest to integrate unique visual elements.

What is Umbraco extension manifest registration for custom icons?▼

Umbraco extension manifest registration for custom icons is the process of defining SVG files via the backoffice extension API. It enables developers to implement unique visual elements and maintain branding for custom UI components.

Can I use my own SVG files for Umbraco dashboard extensions?▼

Yes, you can use your own SVG files for Umbraco dashboard extensions. The system supports custom SVG integration by guiding you through referencing your SVG files and generating the necessary manifest code for seamless UI integration.

What's the best way to register a custom icon in Umbraco?▼

The best way to register a custom icon in Umbraco is by adhering to the Umbraco extension API for icon definition. You generate the necessary manifest and SVG code to seamlessly integrate the custom visual element into the backoffice.

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

No specific external dependencies are required to implement custom Umbraco icons. The process relies entirely on Umbraco's built-in extension manifest system and your own SVG files for backoffice customization.

Related Skills

Explore More Software Engineering Skills→
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
albanistalbanist
4

umbraco-icons

Register custom SVG icons in Umbraco backoffice via extension manifests.

Community
Basic
umbracoumbraco
26

umbraco-extension-registry

Manage Umbraco backoffice UI extensions via the umbExtensionsRegistry.

Official
Intermediate