Use Cases
Practical, developer-focused ways to deliver SVG icons from IconVectors. Prepare icons with cleanup, Auto Gradient, dashed strokes, and Fit Icon to Canvas, then pick the export that matches your stack: typed components for React and Vue, clean native or minified SVG for the web, XAML for WPF and WinUI, or C++ rendering for native apps. Each use case below links to a full guide.
New to the workflow? Start with minifying SVG icons, using SVG icons in web applications, or cleaning up SVG icons before export.
-
React SVG Icons
The React pillar: choose between inline SVG, SVGR components, and sprites across developer experience, bundle size, theming, and accessibility, then export typed components with
forwardRefandcurrentColor. -
Vue SVG Icons
Create Vue single-file icon components with typed props and attribute fallthrough, theme them with CSS, and ship one file per icon.
-
XAML SVG Icons
Export Path data for WPF and WinUI with themeable brushes, Foreground binding, and resource dictionaries for reuse.
-
Native SVG Icons
Ship platform-native SVG on the web and desktop, from inline and sprite markup with
currentColorto C++, Electron, and XAML. -
Minified SVG Icons
Trim bytes while keeping visuals identical. Ideal for large icon sets, inline SVG, and
<symbol>sprites, and it compounds with GZIP or Brotli. -
C++ SVG Icons
Render SVG with WinUI/Win2D on Windows or Qt's
QSvgRenderercross-platform, package icons as resources, and recolor at runtime.