Mozilla Foundation Icon Font Github Repo

To use the icon font, add this stylesheet to your project:

<link href="http://mozilla.github.io/foundation-icons/assets/foundation-icons.css" type="text/css" rel="stylesheet">

To use an icon, add the corresponding class name to an element on your page:

<span class="icon-lock">Privacy</span> will display as Privacy
class="icon-speech-bubble"
content: "\006f";
class="icon-github"
content: "\006f";
class="icon-question-mark"
content: "\006f";
class="icon-checkmark-circle"
content: "\006f";
class="icon-twitter"
content: "\006f";
class="icon-lock"
content: "\006f";
class="icon-heart"
content: "\006f";
class="icon-facebook"
content: "\006f";
class="icon-creative-commons"
content: "\006f";
class="icon-creative-commons-solid"
content: "\006f";
class="icon-email"
content: "\006f";
class="icon-info-i"
content: "\006f";
class="icon-community"
content: "\006f";
class="icon-trash-can"
content: "\006f";
class="icon-inspector-arrow"
content: "\006f";
class="icon-plus"
content: "\006f";
class="icon-minus"
content: "\006f";
class="icon-triangle-left"
content: "\006f";
class="icon-triangle-right"
content: "\006f";
class="icon-share"
content: "\006f";
class="icon-moon"
content: "\006f";
class="icon-sun"
content: "\006f";
class="icon-checkmark"
content: "\006f";
class="icon-document-page"
content: "\006f";
class="icon-list-items"
content: "\006f";
class="icon-pencil"
content: "\006f";
class="icon-undo"
content: "\006f";
class="icon-redo"
content: "\006f";
class="icon-sign-out"
content: "\006f";
class="icon-refresh"
content: "\006f";
class="icon-mobile-phone"
content: "\006f";
class="icon-monitor"
content: "\006f";
class="icon-arrow-down"
content: "\006f";
class="icon-hamburger-menu-close"
content: "\006f";
class="icon-hamburger-menu"
content: "\006f";
class="icon-clock"
content: "\006f";
class="icon-map-marker"
content: "\006f";
class="icon-checkmark"
content: "\006f";
class="icon-bookmark-small"
content: "\006f";
class="icon-bookmark"
content: "\006f";
class="icon-mozfest-logo"
content: "\006f";
class="icon-mozilla-logo"
content: "\006f";
class="icon-skill-collaboration"
content: "\006f";
class="icon-skill-communication"
content: "\006f";
class="icon-skill-creativity"
content: "\006f";
class="icon-skill-participate"
content: "\006f";
class="icon-skill-problem-solving"
content: "\006f";
class="icon-skill-read"
content: "\006f";
class="icon-skill-write"
content: "\006f";
class="icon-access"
content: "\006f";
class="icon-code-of-conduct"
content: "\006f";
class="icon-holding-doc"
content: "\006f";
class="icon-calendar"
content: "\006f";
class="icon-flag-bent"
content: "\006f";
class="icon-open-book"
content: "\006f";
class="icon-flowerhands"
content: "\006f";
class="icon-certificate"
content: "\006f";
class="icon-pencil-hand"
content: "\006f";
class="icon-science-drop-double"
content: "\006f";
class="icon-science-drop"
content: "\006f";
class="icon-lunchbox"
content: "\006f";
class="icon-weblit-map"
content: "\006f";
class="icon-page-with-bookmark"
content: "\006f";
class="icon-three-persons"
content: "\006f";
class="icon-book"
content: "\006f";
class="icon-ribbon"
content: "\006f";
class="icon-airplane"
content: "\006f";
class="icon-flag"
content: "\006f";
class="icon-institution"
content: "\006f";
class="icon-circle-clubs"
content: "\006f";
class="icon-circle-tools"
content: "\006f";
class="icon-brain"
content: "\006f";
class="icon-connected-people"
content: "\006f";
class="icon-envelope-outline"
content: "\006f";
class="icon-learning-about-us"
content: "\006f";
class="icon-quesion-mark-outline"
content: "\006f";
class="icon-speech-bubbles"
content: "\006f";
class="icon-twitter-outline"
content: "\006f";
class="icon-globe"
content: "\006f";
class="icon-bookmark-large-flat"
content: "\006f";
class="icon-envelope-letter"
content: "\006f";