$ bower install gaia-components/gaia-icons

<span data-icon="camera"></span>

• Example

If you wish to make changes to the icon-font you'll need to follow these steps:

1. Add, remove or change repsective .svg files inside images/
2. Run $ npm install to get pull in all the required build tools.
3. Make sure you fontforge and ttfautohint installed on your machine. The grunt-webfont readme outlines the prerequisites.
4. Run $ grunt
5. Load index.html locally in your browser and check your icon looks good.
6. Submit a pull-request
7. Module owner will review, land, and stamp a new version.

For best results, it is recommended to follow these guidelines:

• Make the document 30px × 30px (In Inkscape: File > Document Properties... > Custom size)
• Make the icon 24px × 24px
• Center the icon (In Inkscape: Object > Align and Distribute... > Align relative to page)
• Make sure to have only one <path> with no overlap per icon
• Optimise the icons using svgo, then export to plain SVG file ($ inkscape -l icon.svg icon.svg)

Gaia hackers, please read the introduction to 'Version controlled packages in Gaia' to find out how to use this package in your Gaia app.

You can get a report of unused icons on a project by doing:

$ node bin/report.js path/to/your/project/

Please note, that dynamically inserted icons may still be marked as unused in the report.

• Wilson Page [:wilsonpage]