Skip to content

Latest commit

 

History

History
14 lines (10 loc) · 942 Bytes

adding-icons.md

File metadata and controls

14 lines (10 loc) · 942 Bytes

How to Add/Update SVG Icons

This is an example class name for using a font-awesome icon: class="icon-sort-alpha-asc"
Do not use "fa fa-sort-alpha-asc" - that will not work. The following is the reason why.

Below we describe the process of adding SVG icons to the codebase, making icons readily available for use in the UI.

  1. Go to icomoon.io.
  2. Find the icon you want to add, and then download it as SVG into /public/icon_source/.
  3. At icomoon.io, import all the icons from /public/icon_source/ into a set. You must also then re-add the font-awesome and icomoon-free libraries, and in that order (!!!). This way class names remain the same.
  4. Select all icons in that set, and then generate the font.
  5. Download that font (which will come as a zip), and expand it into /public/js/p3/resources/icomoon/ overwriting the content that is already there.
  6. Commit!