-
Notifications
You must be signed in to change notification settings - Fork 2.3k
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:
-
Download the SVG
Save the SVG file to your computer. -
Open in Inkscape
Launch Inkscape and open the SVG file. -
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.
-
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.
- Press
-
Center the Group
- Open the Align and Distribute menu.
- With the group still selected, click Align Vertically and Align Horizontally to center the SVG.
-
Ungroup All Paths
- Press
Shift+Ctrl+G
to ungroup the paths. - Make sure that non of the paths are grouped.
- Press
-
Rename the File
Save the file asoriginal.svg
ororiginal-wordmark.svg
.
Your SVG is now properly prepared and ready for use! Don't forget to optimize the SVG!
- What Icons Do We Accept?
- Requesting an Icon
- Overview on Submitting Icons
- Full Example of Submitting Icons
- Recommended Resources and Tools
- About the Maintainers, Supporters, and Contributors
- Code of Conduct
- Naming Conventions
- Organizing SVGs
- SVG Standards
- SVG Versions
- Updating
devicon.json
- Common Bugs and Solutions