Adding New Icons

November 8, 2015 ยท View on GitHub

These are the raw SVG files used to generate new font files for RPG Awesome.

Adding New Icons

First, add the new SVG file to /Font.

Next, use IcoMoon to import all of the SVG files located in /Font.

Once imported, select all of your icons and proceed to the next section "Download". Set your preferences to the following:

  • Font Name: rpgawesome-webfont
  • Class Prefix: ra-var-icon
  • Include Metadata in Fonts: true
  • Generate Stylesheet Variables for: Sass
  • Metadata URL: https://github.com/nagoshiashumari/Rpg-Awesome/
  • Metadata License: MIT

Without these changes, the font file will be rejected when issuing a pull request to RPG Awesome.

Once the Preferences are set, click Download. You will receive a ZIP file. In it, the important files you will need to copy over to the RPG Awesome repo are:

  • zip/fonts => rpg-awesome/fonts

You will need to manually copy and paste the contents of zip/variables.scss into rpg-awesome/scss/_variables.scss, overwritting the old ra-var-icon variables.