[{"data":1,"prerenderedAt":70},["ShallowReactive",2],{"tool-content-en-svg-editor":3},{"id":4,"title":5,"body":6,"description":60,"extension":61,"locale":62,"meta":63,"navigation":64,"path":65,"seo":66,"stem":67,"toolId":68,"__hash__":69},"tools\u002Ftools\u002Fen\u002Fsvg-editor.md","SVG Editor",{"type":7,"value":8,"toc":51},"minimark",[9,14,18,22,25,29,32,36,44,48],[10,11,13],"h2",{"id":12},"what-is-this-tool","What is this tool?",[15,16,17],"p",{},"SVG (Scalable Vector Graphics) stays sharp at any size, which makes it perfect for icons and illustrations. This tool embeds a full vector editor in your browser so you can create or modify SVG files without uploading anything.",[10,19,21],{"id":20},"editing","Editing",[15,23,24],{},"Use the toolbar to draw rectangles, ellipses, lines, freehand paths, text and more, then select elements to move, resize or rotate them. Zoom in and out, toggle the grid, group shapes or rearrange them in the layers panel. Every action is covered by undo and redo, and path editing lets you fine-tune curves node by node.",[10,26,28],{"id":27},"clean-up-and-optimize","Clean up and optimize",[15,30,31],{},"The utilities panel compresses the code by removing comments, XML declarations and whitespace between tags, replaces a color across the whole file (optionally limited to fill, stroke and stop-color attributes), or rounds the decimals inside path data for a smaller, tidier document.",[10,33,35],{"id":34},"export","Export",[15,37,38,39,43],{},"Copy the SVG source, a data URI or the raw Base64, download the ",[40,41,42],"code",{},".svg"," file, or render it to PNG with a transparent or white background. You can also export the drawing as a ready-to-use icon set packed into a single ZIP file at the sizes you pick.",[10,45,47],{"id":46},"privacy","Privacy",[15,49,50],{},"Everything runs in your browser. Drawings are only stored locally on your device, so nothing is uploaded to a server.",{"title":52,"searchDepth":53,"depth":53,"links":54},"",2,[55,56,57,58,59],{"id":12,"depth":53,"text":13},{"id":20,"depth":53,"text":21},{"id":27,"depth":53,"text":28},{"id":34,"depth":53,"text":35},{"id":46,"depth":53,"text":47},"Draw, edit and clean up SVG files in your browser, then export them as SVG, PNG or a multi-size icon set.","md","en",{},true,"\u002Ftools\u002Fen\u002Fsvg-editor",{"title":5,"description":60},"tools\u002Fen\u002Fsvg-editor","svg-editor","YEx2Z-iWFSZZ4apAWG0Uv2zK7fJPVHiiSbOG4XMY-NY",1792391420854]