-
Notifications
You must be signed in to change notification settings - Fork 2.3k
Creating original Icons
Alex Canales edited this page Dec 23, 2024
·
3 revisions
Follow these steps to prepare your original SVG for use using Inkscape:
Save the SVG file to your computer.
Launch Inkscape and open the SVG file.
- Go to the File menu and click Document Properties.
- In the Document Properties menu, set the Width and Height to 128 px.
- 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.
- Open the Align and Distribute menu.
- With the group still selected, click Align Vertically and Align Horizontally to center the SVG.
- Press
Shift+Ctrl+G
to ungroup the paths. - Make sure that none of the paths are grouped.
Save the file as original.svg
or original-wordmark.svg
.
- Follow the steps in Optimizing Icons so that the SVG can be used in Devicons.
Your SVG is now properly prepared and ready for use!
- 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