Skip to content

Creating original Icons

Alex Canales edited this page Dec 22, 2024 · 3 revisions

Follow these steps to prepare your original SVG for use using Inkscape:

  1. Download the SVG
    Save the SVG file to your computer.

  2. Open in Inkscape
    Launch Inkscape and open the SVG file.

  3. Set Document Properties

    • Go to the File menu and click Document Properties.
    • In the Document Properties menu, set the Width and Height to 128 px.

image

  1. Group All Paths & Scale the SVG
    • Press Ctrl+A to select all paths in the SVG.
    • Press Ctrl+G to group them together.
    • Click the lock icon in the top toolbar to ensure scaling maintains the SVG's proportions.
    • In the input box with the largest dimension, change the value to 128.

image

  1. Center the Group
    • Open the Align and Distribute menu.
    • With the group still selected, click Align Vertically and Align Horizontally to center the SVG.

image

  1. Ungroup All Paths
    • Press Shift+Ctrl+G to ungroup the paths.
    • Make sure that non of the paths are grouped.

image

  1. Rename the File
    Save the file as original.svg or original-wordmark.svg.

Your SVG is now properly prepared and ready for use! Don't forget to optimize the SVG!

Clone this wiki locally