I've been using inkscape to create SVGs. But I've come across a problem. I've created a simple plus sign (as simple as you can imagine). It is currently in PNG format with a transparent background. I've imported it into inkscape so I can convert it into a SVG. However, when I use trace bitmap, Inkscape CHANGES THE SHAPE such that the straight lines that are one pixel wide are tappered! I've tried different options in the trace bitmap settings but nothing seems to work. Help?
For the simplest SVG, you want to write it yourself. Apps like Inkscape will interpret what you do in the graphical editor to generate code, and generated code is always less lean than what a coder can write. Most of the time the auto-code is adequate, but not when uploading SVGs to tools with strict specifications or limited feature support.
<?xml version="1.0"?> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <path fill="#FF0000" d="M33 0 L33 33 L0 33 L0 67 L33 67 L33 100 L67 100 L67 67 L100 67 L100 33 L67 33 L67 0 Z"/> </svg>
For more info on SVG basics check out: https://www.w3schools.com/graphics/svg_intro.asp