Home > fonts > Use Font Awesome in Inkscape

Use Font Awesome in Inkscape

November 25Hits:16

Is there a way to convert Font Awesome icons to SVG graphics, so that I can use them in Inkscape inside other vector images?

Importing Font Awesome to Inkscape for Icon Reference does not help here, as this only refers to the font editor - but I just want to convert the font to a set of SVG graphics.

Is this possible? If so, how?


I use Inkscape primarily as my primary vector editor. I'm on a mac.

As far as I can tell, there's no way to just get the vectors directly into Inkscape (you'd think opening up the svg font file would give you something but nope)

Installed the otf font (again I'm on a Mac, if on Windows try other font types if you don't like the otf). Copy in all the characters as type.

Then "outline" them in Inkscape as you would turn any font into artwork.

This is how I got the vectors in Inkscape.

To be clear: After installing the latest Font Awesome font, I open up the Font Awesome "cheatsheet" page: http://fontawesome.io/cheatsheet/

I select the FontAwesome font as my font in Inkscape

I then copy the ICON itself from the the Font Awesome cheatsheet page and paste it into Inkscape as text.

Last, just "ungroup" the text selection until it becomes a pathed object.

You can then change/tweak the vectors.

I've added this answer to the original post as well, adding here also:

What I've done is this: create a new inkscape file with just a simple path in it. Save and close Inkscape, open the file with a text editor. Now, open the fontawsome svg file with a text editor. Copy all the tags, paste them inside the first file, inside the tag. Search for "glyph", replace with "path". Save the file. Now, open this file Inkscape. All the glyphs have now been converted to path, but they sit on top of each other.

It took me about 5 minutes of moving and resizing (align + distribute helps a lot here) to rearrange all the icons to about a dozen of columns inside a page.

You may explain a bit better what Font Awesome is. I suppose it exists of PNG images, probably small in size. I have converted PNG and JPEG logo's to vector images, in Illustrator. I suppose the same can be done in Inkscape. It's a lot of work, and for one reasonably sized logo this is doable although it will never be perfect. For many really small images, too much work I think.

Have you contacted the creators of these images? Maybe they have them available somewhere.

You better google for vector graphics, use Google Image search with ai, eps or svg as filetype filter, and use another set.

You can add it as a true-type font in Windows and then use charmap to find what you need.



Tags:fonts, inkscape, svg

Related Articles

  • Importing Font Awesome to Inkscape for Icon ReferenceApril 6

    I use Inkscape to mockup a lot, and I'd like to open the font-awesome svg file so that I can have the icons ready to copy/paste into my mockups. However, upon opening this file, it seems to be empty, and none of the other files in the font-awesome fo

  • Use Font Awesome in InkscapeNovember 25

    Is there a way to convert Font Awesome icons to SVG graphics, so that I can use them in Inkscape inside other vector images? Importing Font Awesome to Inkscape for Icon Reference does not help here, as this only refers to the font editor - but I just

  • How to set the LaTeX font size in inkscape?April 2

    In inkscape using Extensions->Render->LaTeX formula you can enter LaTeX into your Inkscape image. The default font is huge however. How can you change it to something smaller? Alternatively, is there a better way to enter LaTeX in an inkscape image

  • Font export from Inkscape problemAugust 6

    Why is font-size, font-color and font-type missing in the resulting image.pdf_tex? I use Inkscape on Ubuntu and save as pdf with PDF+LaTex option. This message appear in the image.pdf_tex file: \errmessage{(Inkscape) Color is used for the text in Ink

  • How to use font variants within Inkscape

    How to use font variants within InkscapeOctober 5

    I'm trying to use Inkscape to design a logo, the issue is that I can't use any variants of one of my fonts, Quicksand Light: I know I have the font and its variants installed because GIMP notices and can use them just fine: How can I get Inkscape to

  • Help/docs for using Inkscape for SVG icon font creationFebruary 27

    I was deliriously happy to find this blog post about using Inkscape and one or another online converter to create web font kits. My interest is specifically in icon fonts. While that article was helpful (and extremely so), I still have a lot of quest

  • How to load recently installed fonts without having to restart inkscape ?February 17

    Is it possible to reload the list of fonts used by inkscape automatically once new font is added to the fonts directory, for example under ubuntu it is found at /home/[username]/.fonts directory. Thank you in advance.

  • Can TexText in Inkscape only load certain packages? - Or, how to recreate a page from a thread-bound Chinese book?

    Can TexText in Inkscape only load certain packages? - Or, how to recreate a page from a thread-bound Chinese book?January 27

    I've finally managed to install Inkscape 0.48 on my Mac OS X Mountain Lion. My TeX distribution is TeX Live. I've installed TexText 0.4.4. and I can use the extension to write simple LaTeX text (I tried using \emph{}, worked fine). The command for wr

  • Font problem when editing TeX produced pdf in external software April 2

    When I try to import TeX/LaTeX produced pdf code in Inkscape, then I loose a lot of the interletter and interword spacing, almost all interword spacing is shown wrong, the exponents are not at their normal place, glyphs interlap and so on. Is there a

  • Edit SVG font using Inkscape

    Edit SVG font using InkscapeJuly 12

    I opened an SVG font in Inkscape but I cant see any character editor. Is anyone able to explain how to open/modify a character path ? --------------Solutions------------- There is a simple SVG font editor, in the menu: Text > SVG font editor. There i

  • How does one find missing fonts using Inkscape?November 14

    I have an Adobe Illustrator file that I am opening with Inkscape. Everything works great except some of the text is all screwed up because I don't have all of the appropriate fonts available on my computer. So, my question is... is there any way to f

  • Add fill to comic-style font in Inkscape

    Add fill to comic-style font in InkscapeMay 18

    In Inkscape, I'm using the Komika Glaze font, styled like the drop shadows that you might see in a comic book. So, the shapes formed by the font itself should remain black. But, the interiors of the letters are transparent. So, when placed over a col

  • How to use Windows Type-1 fonts in Inkscape on a Mac?October 14

    I have type 1 fonts in pfb format that I would like to use with Inkscape on a Mac. However, I can't get Inkscape to find them. The instructions seem to be only for Linux or Windows, but I assumed things would work like in Linux. I could not find *fon

  • How to fill a font with an image in InkscapeOctober 24

    I have written a word using a fat font like Impact, and I have an image of roses. Instead of adding a color to this word, I want to "color" it in Inkscape using my roses image. --------------Solutions------------- First, add an image by using Fi

  • Problem when I use the webdings font in firefox or inkscapeNovember 7

    I installed the webdings font in my computer, and it works well with LibreOffice. But when I use the webdings font in a local html page : it doesn't work, the following unicode character is diplayed instead of the wanted character . But if I export

  • Make a space character in Inkscape SVG font editor?January 13

    When using Inkscape to make SVG fonts, I'm just curious if there's a way to make blank characters - characters that are just space. Inkscape requires that you press [get curves from selection] for a character to not be replaced by the missing char sy

  • Use CM Roman (latex font) in Inkscape?June 12

    I made a SVG in Inkscape on Fedora with the CM Roman (latex) font, but when opening the SVG on Ubuntu 12.04, it says it doesn't have CM Roman even though TexLive is installed. How do I use the CM Roman font in Inkscape on Ubuntu? --------------Soluti

  • Inkscape: How to choose font replacement?

    Inkscape: How to choose font replacement?October 20

    Every decent drawing/vectorial software like Adobe Illustrator or CorelDraw shows-up a dialogue asking how would you like to replace the fonts type-faces that it wasn't able to find on the system, something like this: I cannot find a way do it in Ink

  • How do i get multiple font sizes in eps+tex output from inkscape?

    How do i get multiple font sizes in eps+tex output from inkscape?October 30

    I am trying to get different size fonts in a tex file exported from inkscape. The idea is that my figure might have header text that should be bigger than other text. For example, I have this in inkscape: which ends up looking like this: I'm not look

  • Embedding fonts in inkscape

    Embedding fonts in inkscapeDecember 9

    Does any body know what is the current status of embedding fonts into an svg file that is readable by inkscape. I find the lack of embedded fonts severely impedes portability of svg files, particular if sending the file to a person who doesn't have a

Copyright (C) 2017 ceus-now.com, All Rights Reserved. webmaster#ceus-now.com 14 q. 0.297 s.