Convert SVG markup to SwiftUI Shape structs
SwiftUISVG is a free online tool that converts SVG (Scalable Vector Graphics) markup into SwiftUI Shape structs for iOS and macOS development. Transform your vector graphics into native Swift code with support for paths, rectangles, circles, and multiple SVG elements. Perfect for iOS developers who want to use vector graphics without managing multiple image assets for different screen densities.
As an iOS developer, you have to support at least three different pixel densities. Why waste your time managing a million image assets for different resolutions and states?
SwiftUISVG is a small tool written in JavaScript to help you convert your vector SVG images into SwiftUI Shape structs.
The tool supports multiple SVG elements in the input and will generate separate
Shape structs for each one. It also supports <path>, <rect>, and <circle>
elements.
-
Install dependencies:
npm install bundle install
-
Start development server with hot reload:
npm run dev
This will watch for file changes, automatically rebuild bundles, and start a local Jekyll server. The site will be available at
http://localhost:4000. -
Build for production:
npm run publish
Use this before pushing to GitHub to build and minify all bundles.
Inspired by Mike Engel's swiftvg.