SVG stroke width editor

Adjust SVG line thickness

Load an SVG, change its stroke width, and compare the result with the original. The editor runs locally in your browser.

The tool changes explicit stroke values in SVG attributes or inline styles. Stroke rules stored in external CSS or complex class selectors need manual editing.

Runs locally

The core file work happens in your browser where possible.

No upload

SVG and PDF files are not sent to a server for the browser tools.

Editable output

Preview, copy, clean, or download the result before you use it.

Clear limits

Complex print files, scans, and unsupported SVG features may need another workflow.

Edit SVG stroke width

Choose whether to set one width, scale existing widths, or add a width only where a visible stroke has none.

Input SVG

Adjustment mode

Set one width Give every explicit visible stroke the same width. Scale existing widths Multiply current stroke widths while keeping their relative differences. Add missing width Set a width only on explicit strokes without one.

Stroke width Line cap Line join

Original SVG

Adjusted SVG

Matched

Widths changed

Caps changed

Joins changed

Removed

SVG output

Make an icon bolder

Set one stroke width when a line icon looks too thin at its final display size.

Keep relative line weights

Scale existing widths when the SVG uses both light and heavy strokes that should remain different.

Round line endings

Apply round caps and joins to the matched strokes for a softer icon style.

How to change SVG stroke width

SVG line thickness is usually controlled by the stroke-width attribute or an inline style. This editor changes those values on cleaned SVG markup and shows the original and adjusted files side by side.

Load an SVG or paste its markup.
Choose a fixed width, a multiplier, or the add-missing mode.
Compare both previews, then copy or download the adjusted SVG.

Need a different line color? Use the SVG color editor. For direct markup changes, open the SVG code editor. If a thicker stroke gets clipped, add canvas space with the SVG viewBox editor.

Why some SVG strokes do not change

An SVG can inherit strokes from a parent group or define them in a class, a style block, or an external stylesheet. This tool handles explicit attributes and inline styles. It does not rewrite CSS selectors or infer how external styles should behave. A larger stroke can also extend beyond the current viewBox and appear clipped at the edge.

Common questions

Can I change SVG stroke width without uploading the file?

Yes. The SVG stroke width editor runs in your browser and does not send the SVG file to a conversion server.

What is the difference between setting and scaling SVG stroke width?

Set mode gives matched strokes one width. Scale mode multiplies existing widths, which preserves relative differences between thin and thick lines.

Why did some lines keep their original thickness?

The line may inherit its stroke from CSS, a class, or a parent element. The editor changes explicit SVG attributes and inline styles but does not rewrite CSS selectors.

Why does a thicker SVG stroke look clipped?

SVG strokes extend on both sides of a path. If the artwork already touches the viewBox edge, a thicker stroke may need extra canvas space.

Can I change SVG line caps and joins?

Yes. You can keep the current values or apply butt, round, or square caps and miter, round, or bevel joins to matched elements.