skills.rest
linuxdevel
linuxdevelCOMMUNITY
Explore all skills by this author →
GitHub

avalonia-pro-max/icons-imagery

Select and optimize icon libraries and SVG imagery for Avalonia apps.

27|2|Updated Apr 23, 2026
Search Tags:#svg#iconography#avalonia#imagery#pathicon#icon-packs#asset-performance
One-click install
npx skills add https://github.com/linuxdevel/Avalonia-skills --skill avalonia-pro-max-icons-imagery
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: avalonia-pro-max/icons-imagery
Source: https://github.com/linuxdevel/Avalonia-skills/tree/main/skills/avalonia/avalonia-pro-max/icons-imagery
Command: npx skills add https://github.com/linuxdevel/Avalonia-skills --skill avalonia-pro-max-icons-imagery

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides Avalonia UI teams in selecting icon libraries, embedding SVGs, and optimizing imagery and assets for consistent, high-quality user interfaces across platforms.

Core Features & Use Cases

  • Icon library selection for Avalonia apps (Lucide.Avalonia, Material.Icons.Avalonia, Projektanker.Icons.Avalonia, MahApps.Metro.IconPacks.Avalonia, FluentSystemIcons, HeroIcons.Avalonia).
  • Built-in PathIcon usage and SVG-based approaches (Svg.Skia) for scalable visuals.
  • Asset management and performance best practices for brand assets and imagery.

Quick Start

Select one icon library suitable for your Avalonia app and implement icons using PathIcon or a library package, then optimize and manage asset usage.

Frequently Asked Questions about avalonia-pro-max/icons-imagery

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

FAQPage Schema
How do I use SVG icons in Avalonia UI?▼

To use SVG icons in Avalonia UI, embed scalable visuals using Svg.Skia or the built-in PathIcon control. This approach ensures consistent, high-quality user interfaces across all platform components and themes.

What's the best way to choose an Avalonia icon library?▼

The best way to choose an Avalonia icon library is by evaluating available packages like Lucide.Avalonia, Material.Icons.Avalonia, Projektanker.Icons.Avalonia, and MahApps.Metro.IconPacks.Avalonia. Select one that fits your app's visual theme and asset performance requirements.

Does Svg.Skia work with PathIcon for Avalonia asset optimization?▼

Svg.Skia and PathIcon serve distinct but compatible roles in Avalonia asset optimization. Svg.Skia handles complex SVG embedding, while PathIcon uses lightweight vector paths; combining them ensures scalable visuals and consistent imagery workflows.

How do I optimize imagery and manage brand assets in Avalonia apps?▼

You optimize imagery and manage brand assets in Avalonia apps by applying asset performance best practices during library selection and SVG integration. This workflow guarantees consistent visuals and scalable assets across cross-platform components.

Can I implement FluentSystemIcons or HeroIcons in Avalonia XAML?▼

Yes, you can implement FluentSystemIcons and HeroIcons.Avalonia by integrating the library packages directly into your XAML. This enables consistent iconography and scalable asset usage across your UI components.

Related Skills

Explore More Design & Creative Skills→
linuxdevellinuxdevel
27

avalonia-xaml

Author and review Avalonia XAML markup with compiled bindings and code-behind patterns.

Community
Intermediate
woweyawoweya
1

symfony-ux-icons

Render scalable SVG icons in Symfony Twig templates via Iconify and local assets.

Community
Intermediate
linuxdevellinuxdevel
27

avalonia

Centralize Avalonia XAML, layout, styling, MVVM, and deployment guidance.

Community
Advanced
MCERQUAMCERQUA
1

pretext

Provides JavaScript/TypeScript text measurement and layout without DOM or CSS reliance.

Community
Advanced