Skip to content

Recommended resources and tools

David Leal edited this page Feb 10, 2023 · 8 revisions
Tool Name Link Description & Usage
Inkscape https://inkscape.org/ Free desktop application for editing and making SVGs
Boxy SVG https://boxy-svg.com/app Free web-application for editing and making SVGs. Good alternative to inkscape. Recommended for quickly resizing and centering icons
Visual Studio Code https://code.visualstudio.com/ A code editor for editing code
vscode.dev https://vscode.dev/ Visual Studio Code in the browser
Iloveimg https://www.iloveimg.com/resize-image/resize-svg Resizing SVGs (this doesn't work with SVGs containing complex elements like gradients, etc.). Still have to add the attribute viewBox="0 0 128 128" manually to your resized files.
svgviewer.dev https://www.svgviewer.dev/ View, save, and optimize SVGs
Vecta.io https://vecta.io/nano Compress and optimize SVGs
SVGOMG https://jakearchibald.github.io/svgomg/ Free web-tool to optimize SVGs
SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.
Clip-path converter https://yoksel.github.io/relative-clip-path/ Convert clip-paths to relative SVG code
Clone this wiki locally