# Laserglow custom icons Custom brand glyphs that live **alongside** FontAwesome but are not part of the FontAwesome font. Each icon is a self-contained CSS mask (an inline SVG baked into `laserglow-icons.css` as a data-URI), so this file stands on its own — it does **not** need the FontAwesome webfonts or the FA JS kit (`/shared/fontawesome7/all.min.js`) to work. ## How to use it 1. Include the stylesheet once, anywhere in your ``: ```html ``` 2. Drop the icon in like any FontAwesome icon: ```html ``` Because the glyph is drawn with `background-color: currentColor`, it inherits text color and font-size — style it exactly as you would a real FA icon: ```html ``` ## Available icons | Class | Description | |----------------|-------------------------| | `fa-laserglow` | The Laserglow "L" mark | ## Where this comes from / keeping it in sync The source of truth is the **safetyview** repo (`Laserglow/safetyview`), in `webroot/assets/fontawesome/css/all.min.css`. Don't hand-edit the mask data in `laserglow-icons.css`; if a custom icon changes or a new one is added there, re-copy the rule(s) into this file so every project stays consistent.