Create pixel-perfect SVG icons with live code export and local MCP automation for Codex, Claude, VS Code Copilot, and Cursor.
Export SVG, Minified SVG, SVG Symbol, XAML, WPF Geometry, VectorDrawable, SwiftUI, ReactTS, VueTS, C++, and batch bitmap assets.
Version 1.40 brings public MCP automation to the Windows release. Available in 34 languages with right-to-left support; the macOS MCP rollout is following.
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, VS Code Copilot, or Cursor to the running editor and automate real icon work.
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, display ready-to-use code for SVG, ReactTS, VueTS, XAML, WPF Geometry, VectorDrawable, SwiftUI, and C++, and now drive the live editor through MCP from Codex, Claude, VS Code Copilot, or Cursor. New in 1.40: public MCP automation, expanded export/code coverage, and setup tutorials for AI-assisted icon workflows.
Export raw, optimized SVGs ready for direct use in web or design systems. Keep stroke properties flexible for theming with currentColor.
<?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.
React TS guide →
<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.
<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 1.40 exposes the running editor through the Model Context Protocol. Instead of generating detached SVG text, an AI client can inspect the current document, create geometry, edit paths, apply palette operations, render previews, and export code from the live application.
The current public setup guides use the Windows 1.40 release paths. The macOS MCP package is being prepared.
Configure config.toml, connect to IconVectorsMcp.exe, 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 ->"I replaced Illustrator for icons. Finally, an editor built for developers, not artists."
— Alex M., Front‑end Dev
"IconVectors is the missing link between design and development. I save hours with the code export."
— Jane D., UI Engineer
"Super fast, clean interface, and the Live Code Viewer is brilliant. Best SVG tool for devs."
— Marie L., Software Designer
Download the fully-functional 30‑Day Free Trial and unlock your icon design workflow.
Version 1.40 - March 11, 2026
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).
Yes. IconVectors is fully compatible with SVG files created in apps such as Adobe Illustrator, Figma, and Inkscape. Imported transforms are applied to geometry for consistent results across frameworks.
Unlike general illustration tools, IconVectors is optimized for pixel-perfect icon design. It includes a built-in Live Code Viewer for SVG/minified SVG/SVG Symbol/XAML/WPF Geometry/VectorDrawable/SwiftUI/ReactTS/VueTS/C++, fast batch export for multiple sizes, and one-click generation of theme/state variants.
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.
Version 1.40 adds a local Model Context Protocol server so AI clients can work with the running editor itself. They can inspect the open document, create or edit geometry, apply palette operations, render previews, and export results through the same live document model used by the desktop UI.
IconVectors publishes setup tutorials for Codex CLI, Claude, VS Code Copilot, and Cursor. Other local MCP hosts can also connect if they can launch IconVectorsMcp.exe.
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 Color Palettes panel lets you manage swatches, sort them, and add all colors used in your icon. Left-click applies a fill color and right-click applies a stroke color.
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.