Skip to content

Instantly share code, notes, and snippets.

@neodigm

neodigm/font_awesome_to_svg.md

Last active July 12, 2020 07:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save neodigm/cddd8d223143b8025d8fd300f4cc1ae5 to your computer and use it in GitHub Desktop.
Save neodigm/cddd8d223143b8025d8fd300f4cc1ae5 to your computer and use it in GitHub Desktop.
Download ZIP
How to convert a single Font Awesome character to SVG so that it can be used in the browser without loading web fonts.
Raw
font_awesome_to_svg.md

This simple procedure describes how to convert a single Font Awesome character to SVG so that it can be used in the browser without loading web fonts.

  1. Get latest of this file fontawesome-webfont.svg – It’s in their git repo, view raw
  2. Open in textpad
  3. Search for the character on the font awesome website, drill down and you will see the Unicode value.
  4. Search for that Unicode value in fontawesome-webfont.svg
  5. Copy starting from d= …. To “ but not />
  6. On a new tab paste into between the below template
<svg viewBox="0 0 184 184" style="width: 28px; height: 28px; vertical-align: middle;fill: #444;">
<path transform="scale(0.1,-0.1) translate(0,-1536)"


/></svg>
  1. Save as SVG or just paste into markup
@neodigm
Copy link
Author

neodigm commented May 9, 2017

See also: Material Design Icons

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment