Free tools

Free SVG tools

Convert, recolour and generate SVGs. Everything runs in your browser: nothing is uploaded.

SVG to CSS converterTurn any SVG into a CSS data URI, a background-image or a mask-image that takes the text colour. Free, in your browser.
SVG to React (JSX) converterTurn an SVG into a React component: camelCase attributes, style objects, props spread on the svg. Free, in your browser.
SVG to PNG, WebP or JPGConvert an SVG to PNG, WebP or JPG at any width, with or without a transparent background. Free, in your browser.
Recolour an SVGRecolour any SVG: one colour, a whole palette mapped darkest to darkest, stroke width, rotate and flip. Free, in your browser.
SVG shape divider generatorMake an SVG section divider: waves, tilts, curves, triangles or zigzags. Set the height and colour, copy the SVG or CSS.
SVG blob generatorMake a random organic SVG blob. Shuffle, set how many points and how wild it is, pick a colour, copy the SVG.