Skip to content

How To: Use Gov Icons in Desktop Apps

Mark Ostrander edited this page Feb 24, 2018 · 2 revisions

Icon Font Files

If you’d rather manage your icons like a set of glyphs or typeface, you can use the included icon font files in your favorite system font manager and Desktop design apps.

  1. Download the latest Gov Icons pack from http://govicons.io/
  2. Unzip the package and grab the .otf font file (e.g. Govicons.otf) found in the fonts directory. Govicons.otf (the font format that is supported in both Windows and Mac)
  3. Install the file using your font management software (ex. Font Book on Mac or Windows Font Viewer on Windows).
  4. Grab your text tool & select the govicons-webfont typeface.
  5. You can now use the Gov Icons Cheatsheet - http://govicons.io/. Copy and paste any icon (ignore the CSS class and the Unicode part) from your icon list.
  6. Create a text layer in your, and paste the icon into a line of text in your document (.psd, .ai, .sketch, .doc, .ppt, etc.).

Alternatively in Illustrator, you can see all of your icon font’s symbols at once by viewing the glyphs panel. Create a text layer and select an icon from the panel to insert it into the layer.

Raw SVG

  1. Grab the icon you want from raw-svg directory.
  2. Insert it in your application.
Clone this wiki locally