Create

Sometimes we need to extract part of the SVG from the original SVG image. This post will show how to do it with Inkscape. I will take the Storadera logo as an example. Go to Storadera website, we can see the company logo and download the logo Open the logo with web browser and inspect the element. We can see the logo is originally svg file. Open the graphic software Inkscape Drag the downloaded logo into the software Ungroup the logo Delete the text part, only keep the logo Place the logo at (0,0) Record the original width and height in specific unit Press Shift+Ctrl+D to edit the width and height and tick the Checkerboard background option Hold Ctrl and scroll the mouse to zoom up the image if it is too small Adjust the image position with up, down, left, and right arrow key Hold Ctrl and hover the mouse on the double direction arrow to adjust the image size. This will make a margin for the final image, which looks better Repeat the step#11 again for the image Change the color if necessary Save the file as a plain svg format

Sometimes we need to extract part of the SVG from a PNG image. This post will show how to do it with Inkscape. I will take the Filebase logo as an example. Remove the white background Open the graphic software Greenfish Icon Editor Drag the .png file into the software Fill the colorful part with the black color Apply the white background to transparent with the color picker setting on the right bottom Save it as a png file with the original resolution Convert the png file to svg file Open the graphic software Inkscape Drag the previous .png file into the software Place the image at (0,0) Record the original width and height in specific unit Go to the Document Properties... in the File menu or press Shift+Ctrl+D, and edit the width and height as recorded previous and tick the Checkerboard background option Save the file as a plain svg format