Create, style and export SVG icons in a focused desktop editor. Draw precisely, inspect the generated code, and automate icon work with local AI coding clients. Available for Windows, macOS and Linux.
Windows 2.20 · macOS 2.10 · Linux 2.10 · What's new
New in IconVectors 2.20 for Windows
Move between your code and the visual editor, give an icon family a consistent appearance, and prepare assets from scripts or coding agents. Version 2.20 adds the bundled VS Code extension, reusable and embedded Styles, an independent CLI, SVG source repair and 170 MCP tools.
Open SVG files, follow a static asset reference, or edit a self-contained inline SVG. Save from IconVectors to update the tracked VS Code block, with Undo and optional review.
Capture fills, gradients, strokes and opacity in shareable .axstyle libraries. Apply presets to artwork or a whole selection of files, and manage shared CSS styles inside an SVG.
Check, export, optimize and transform files from the CLI with dry-run plans and JSON reports. Use MCP to work on the live editor, with 40-, 80- or 170-tool profiles.
Read the Windows 2.20 announcement or the changelog. macOS and Linux downloads remain at version 2.10.
No bloat. Built in C++ for performance. Opens in seconds and handles icons with ease.
Instantly export icons as SVG, XAML, WPF Geometry, VectorDrawable, SwiftUI, ReactTS, VueTS, C++, and more using the Live Code Viewer.
Connect Codex, Claude, Cursor, VS Code Copilot, Gemini CLI, Kiro, Cline, GitHub Copilot CLI or Junie to the running editor and automate real icon work, including AI SVG cleanup.
Live pixel/vector preview with drag‑and‑drop SVG export, plus one‑click theme variants.
Axialis IconVectors is built for developers: design on pixel-perfect grids, keep stroke widths constant as icons scale, display ready-to-use code for SVG, ReactTS, VueTS, XAML, WPF Geometry, VectorDrawable, SwiftUI, and C++, and drive the live editor through MCP from Codex, Claude, Cursor, VS Code Copilot, Gemini CLI, Kiro, Cline, or GitHub Copilot CLI. New in Windows 2.20: VS Code editing, Styles libraries and embedded styles, a CLI, and 170 MCP tools. Assemble artwork with the Element Library, preview the result, then export the SVG or code your project needs.
Export raw, optimized SVGs ready for direct use in web or design systems, and keep them themeable with currentColor across light and dark mode.
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
id="Icon" viewBox="0 0 24 24">
<path fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round"
stroke-linejoin="round" d="M2.5,9C2.5,2.45,9.99,3.03,12,7.5C14,3,21.5,2.55,21.5,9C21.5,
15.45,12,21.5,12,21.5C12,21.5,2.5,15.55,2.5,9z"/>
</svg>
Export fully minified SVGs to reduce file size and improve load times. Ideal for web apps and icon systems where every byte matters.
Minified SVG guide →
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
d="M2.5 9C2.5 2.5 10 3 12 7.5C14 3 21.5 2.5 21.5 9C21.5 15.4 12 21.5 12 21.5C12 21.5 2.5
15.6 2.5 9z"/></svg>
Export any icon as a React component, making it easy to drop directly into your code with full Typescript safety and reusability. If you prefer to keep .svg files, import them as components with Vite SVGR.
<export function Icon(props: SVGProps<SVGSVGElement>) {>
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
d="M2.5 9C2.5 2.5 10 3 12 7.5C14 3 21.5 2.5 21.5 9C21.5 15.4 12 21.5 12 21.5C12 21.5
2.5 15.6 2.5 9z"/></svg>
)
}
Export any icon as a Vue component, making it easy to drop directly into your code with full Typescript safety and reusability.
Vue TS guide →
<template>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
d="M2.5 9C2.5 2.5 10 3 12 7.5C14 3 21.5 2.5 21.5 9C21.5 15.4 12 21.5 12 21.5C12 21.5
2.5 15.6 2.5 9z"/></svg></template>
<script lang="ts">
export default {
name: 'Icon'
}
</script>
Export icons directly to XAML code, ready to use in WPF or UWP apps with crisp scaling and easy theming.
XAML guide →
<?xml version="1.0" encoding="utf-8"?>
<Viewbox xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Stretch="Uniform">
<Canvas Width="24" Height="24" Canvas.Left="0" Canvas.Top="0">
<Canvas x:Name="Icon">
<Path Data="M2.5,9C2.5,2.45,9.99,3.03,12,7.5C14,3,21.5,2.55,21.5,9C21.5,15.45,12,
21.5,12,21.5C12,21.5,2.5,15.55,2.5,9z" Fill="Transparent" Stroke="currentColor"
StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeLineJoin="Round"/>
</Canvas>
</Canvas>
</Viewbox>
Export compact Geometry path data for WPF apps when you only need the vector geometry string.
<Geometry xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
M2.5,9C2.5,2.45,9.99,3.03,12,7.5C14,3,21.5,2.55,21.5,9C21.5,15.45,12,21.5,12,21.5C12,21.5,2.5,15.55,2.5,9z
</Geometry>
Generate Android VectorDrawable XML ready for app resources and scalable UI icons. See how to convert an SVG to a VectorDrawable and which SVG features it drops.
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:pathData="M2.5,9C2.5,2.45,9.99,3.03,12,7.5C14,3,21.5,2.55,21.5,9C21.5,15.45,12,21.5,12,21.5C12,21.5,2.5,15.55,2.5,9z"
android:fillColor="#00000000"
android:strokeColor="#FF000000" />
</vector>
Export SwiftUI path code for native Apple platform UI components with vector precision.
struct IconShape: Shape {
func path(in rect: CGRect) -> Path {
var p = Path()
p.move(to: CGPoint(x: 2.5, y: 9))
p.addCurve(to: CGPoint(x: 12, y: 21.5),
control1: CGPoint(x: 2.5, y: 2.45),
control2: CGPoint(x: 2.5, y: 15.55))
return p
}
}
Export C++ SVG and render in native apps (wxWidgets/WinUI). Keep viewBox consistent for DPI scaling.
C++ guide →
static const std::string kSvg = R"SVG(
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
d="M2.5 9C2.5 2.5 10 3 12 7.5C14 3 21.5 2.5 21.5 9C21.5 15.4 12 21.5 12 21.5C12 21.5
2.5 15.6 2.5 9z"/></svg>
)SVG";
IconVectors keeps the dedicated Analyze/Clean Up Icon workflow and local Model Context Protocol integration current alongside production tools such as the new Icon Explorer and batch processing, Element Library, Pixel-Align Selection, and Auto Gradient. Instead of working on detached SVG text, you can inspect the live document, detect off-grid geometry or inconsistent strokes, apply focused fixes, and let AI clients automate creation, cleanup, preview rendering, gradient styling, Explorer navigation, batch operations, and code export from the real editor.
For a practical cleanup pass, read Analyze and Clean Up SVG Icons Before Export. If your starting point is AI output, see the AI-generated SVG cleanup workflow.
Connect the live editor to your preferred coding client. Windows 2.20 provides 170 MCP tools, including Styles operations, and Small, Medium and Full profiles. The new Junie setup guide helps configure a suitable tool catalog. Read the 2.20 release announcement.
Configure config.toml on Windows, macOS, or Linux, point Codex at the local IconVectors MCP helper, and drive the editor from prompts.
Set up Claude Desktop or Claude Code to launch the local MCP server and work with the open drawing.
Add an mcp.json entry, switch Copilot Chat to Agent mode, and let it call IconVectors tools.
Use Cursor's local MCP configuration to create, inspect, edit, and export SVG icons from the live editor.
Use the exact prompt from the documentation, watch the GIF/MP4 demo, and reproduce the same result on your machine.
Open the walkthrough ->Download the fully-functional 30‑Day Free Trial and unlock your icon design workflow.
Windows 2.20 (November 4, 2026). macOS 2.10 and Linux 2.10 are also available.
IconVectors opens and saves SVG files natively. You can also export to minified SVG, SVG Symbol, XAML, WPF Geometry, VectorDrawable, SwiftUI, ReactTS, VueTS, C++, and various bitmap formats (PNG, ICO, JPG, BMP, TGA, TIFF, GIF, XPM, PCX, PNM).
IconVectors opens SVG files from tools such as Adobe Illustrator, Figma and Inkscape, within its supported SVG feature set. Windows 2.20 adds a source repair editor to help locate and correct import errors, with optional additional SVG checks.
IconVectors focuses on SVG icons for software: precise drawing, pixel previews, reusable colors and code export. Windows 2.20 adds visual editing from Visual Studio Code, complete Styles presets, shared embedded styles and a command-line interface.
The Live Code Viewer updates in real time as you edit your icon, showing clean code in multiple formats (SVG, minified SVG, SVG Symbol, XAML, WPF Geometry, VectorDrawable, SwiftUI, ReactTS, VueTS, C++). You can copy snippets instantly for integration into IDEs like VS Code or Visual Studio.
The local MCP server lets coding agents inspect and edit the open icon, apply styles, render previews, export results and automate Explorer batches. Windows 2.20 exposes 170 tools. Choose Small (40), Medium (80) or Full (170) to match your client.
Setup guides cover Codex CLI, Claude Desktop or Claude Code, Cursor, VS Code Copilot, Gemini CLI, Kiro, Cline, GitHub Copilot CLI and Junie. Other local MCP-compatible clients can connect by launching the IconVectors MCP companion.
Yes. The Text Tool converts typed text into vector paths (one glyph per character) using installed fonts, so you can edit it like any other shape.
The Colors panel has PALETTES for reusable swatches and COLORS for HEX, RGB and HSL picking. Windows 2.20 adds STYLES for complete appearance presets, including gradients, stroke settings and opacity. Left-click a color to apply Fill; right-click to apply Stroke.
Yes. You can drag the icon from the Preview Panel to another app; IconVectors exports a temporary SVG during the drag.
Yes. You can open multiple editor windows (Shift+Ctrl+N) to work on icons side-by-side and copy elements between them. An automatic recovery system saves your work in the background and restores it after crashes.
Yes. The interface is available in 34 languages, including right-to-left support where needed.
Absolutely. IconVectors has a full Undo/Redo system. All actions — drawing, transforming, coloring, or editing paths — can be undone or redone, with no fixed limit in history.
A 30-day free trial is included. Licenses are perpetual (use forever) with 1 year of free updates. After that, you can renew updates at your convenience. One license covers multiple devices if you’re the primary user.
Yes. You can generate dark theme, hot (hover), and disabled versions automatically using the Icon menu. Overlays and shadows can also be added for status badges or indicators.
