SVG Tools

SVG Colour Replacer, SVG Data URI Encoder, Blob Generator and Clip-Path Generator

Tools for SVG. Optimise and minify SVG files, fix viewBoxes, recolour icons, convert SVG to PNG, CSS or data URIs, and generate blobs, waves, patterns and shapes. SVG stays sharp at any size, which makes it the best format for icons and illustrations.

22 tools tagged SVG

Blob Generator

Make organic blob shapes with border-radius.

Clip-Path Generator

Build clip-path shapes — polygons, stars, circles, chevrons — visually.

CSS Wave Generator

Wavy section edges from an inline SVG path, copied as CSS.

Icon Generator

Make letter and monogram SVG icons with a shaped, coloured background.

 New

Image To SVG

Trace a PNG or JPG into a scalable vector SVG.

SVG Colour Replacer

List every colour in an SVG and swap one, all, or to currentColor.

SVG Data URI Encoder

Encode SVG into a compact, quote-safe CSS data URI.

SVG Formatter

Pretty-print SVG for reading or minify it to one line.

SVG Generator

Generate rectangle, circle, polygon, star and line SVGs from a form.

SVG Optimizer

Strip editor cruft and round coordinates. See the bytes saved.

SVG Path Draw

Animate SVG paths drawing themselves and copy the CSS.

SVG Path Generator

Generate SVG path data for rectangles, stars, arrows and other shapes.

SVG Path Visualizer

Plot SVG path anchors and bezier control handles live.

SVG Sprite Generator

Merge SVG icons into one symbol sprite with use snippets.

SVG To 3D

Extrude an SVG logo into 3D and download a PNG.

SVG To CSS

Make a CSS icon class from an SVG, recolourable with currentColor.

SVG To JPG

Rasterise an SVG to a JPEG at any width.

SVG To PNG

Rasterise an SVG to a PNG at any width.

SVG To WebP

Rasterise an SVG to a small WebP at any width.

SVG Validator

Find unclosed tags, bad path data and broken references in SVG.

SVG ViewBox Fixer

Diagnose and repair the viewBox so an SVG scales properly.

Triangle Generator

CSS triangles and arrows via border trick or clip-path.