How can I edit Font Awesome (or include my own icons)?

André Staltz

Font Awesome is fully open source, so how can I tweak some icons as I wish, or add new icons? Let's say my primary vector tool is Inkscape (open source GPL).

The fontawesome package comes with files *.eot, *.otf, *.svg, *.ttf, and *.woff. The svg file does not successfully open in Inkscape. What program(s) can be used to edit these?

And once I edit the fonts, what guidelines should I follow? What unicode characters slots should I use? What should I be aware of when editing LESS source code to include new icons?

I'm not necessarily interested in submitting new icons to the official repo, I just want to fork and mutate it a bit, rather than having a couple of my own icons loaded ad-hoc.

methodofaction

You can use icomoon. Browse to the library page and use FontAwesome, you can augment FontAwesome's libary with your custom icons in SVG.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

How can I replace the icons in a dijit Tree with font-awesome icons?

From Dev

how to include font awesome icons and how to bind in html

From Dev

How can I use Font Awesome (or other font icons) instead of the jQuery sprites in Primefaces DataTable?

From Dev

Why can't I use Font Awesome Icons within my div tag?

From Dev

How can I use Windows Libraries icons for my own folders?

From Dev

How can I use my own icons in dijit.menuItems?

From Dev

How can I avoid text-decoration on icons when using font-awesome within a link?

From Dev

Font Awesome - When stacking icons, how can I center the second icon

From Dev

Where can i get font awesome fruits and vegetables icons?

From Dev

How can I include my own javascript file in wordpress?

From Java

FontAwesome with Vuetify - How to include Font Awesome icons within the v-icon component

From Dev

How can I add Font Awesome to my Aurelia project using npm?

From Dev

How can I load a web font such as font awesome on page load?

From Dev

How to offset overlapped Font Awesome icons?

From Java

How to center Font Awesome icons horizontally?

From Dev

How to debug Font-Awesome icons?

From Dev

How solve flickering Font Awesome Icons?

From Dev

How to create icons like font awesome

From Dev

How to change color of font awesome icons

From Dev

How to get Png files of Font awesome icons?

From Dev

How to make font awesome icons large?

From Dev

How can I have only icons of applications in the tasklist in awesome 3.5?

From Dev

how can i change my windows 8.1 font, without changing the icons? if possible, is there also a way to find all of the icons and replace them?

From Dev

how to use font awesome in own css?

From Dev

How to replace font awesome icons with custom icons in rails application

From Dev

Font awesome icons not working

From Dev

jqGrid:Font Awesome Icons

From Dev

jqGrid:Font Awesome Icons

From Dev

Font Awesome icons with Jqplot

Related Related

  1. 1

    How can I replace the icons in a dijit Tree with font-awesome icons?

  2. 2

    how to include font awesome icons and how to bind in html

  3. 3

    How can I use Font Awesome (or other font icons) instead of the jQuery sprites in Primefaces DataTable?

  4. 4

    Why can't I use Font Awesome Icons within my div tag?

  5. 5

    How can I use Windows Libraries icons for my own folders?

  6. 6

    How can I use my own icons in dijit.menuItems?

  7. 7

    How can I avoid text-decoration on icons when using font-awesome within a link?

  8. 8

    Font Awesome - When stacking icons, how can I center the second icon

  9. 9

    Where can i get font awesome fruits and vegetables icons?

  10. 10

    How can I include my own javascript file in wordpress?

  11. 11

    FontAwesome with Vuetify - How to include Font Awesome icons within the v-icon component

  12. 12

    How can I add Font Awesome to my Aurelia project using npm?

  13. 13

    How can I load a web font such as font awesome on page load?

  14. 14

    How to offset overlapped Font Awesome icons?

  15. 15

    How to center Font Awesome icons horizontally?

  16. 16

    How to debug Font-Awesome icons?

  17. 17

    How solve flickering Font Awesome Icons?

  18. 18

    How to create icons like font awesome

  19. 19

    How to change color of font awesome icons

  20. 20

    How to get Png files of Font awesome icons?

  21. 21

    How to make font awesome icons large?

  22. 22

    How can I have only icons of applications in the tasklist in awesome 3.5?

  23. 23

    how can i change my windows 8.1 font, without changing the icons? if possible, is there also a way to find all of the icons and replace them?

  24. 24

    how to use font awesome in own css?

  25. 25

    How to replace font awesome icons with custom icons in rails application

  26. 26

    Font awesome icons not working

  27. 27

    jqGrid:Font Awesome Icons

  28. 28

    jqGrid:Font Awesome Icons

  29. 29

    Font Awesome icons with Jqplot

HotTag

Archive