Packages

nimble_template

4.3.0
4.6.0 4.5.0 4.4.0 4.3.0 4.2.1 4.2.0 4.1.1 4.1.0 4.0.0 3.0.0

Phoenix/Mix template for projects at [Nimble](https://nimblehq.co/).

HexDocs

Current section

Files

Jump to
Readme
10 Versions
3 Dependencies
0 Dependants
Files
Activity
nimble_template priv templates nimble_template .github wiki Icon-Sprite.md
Raw

priv/templates/nimble_template/.github/wiki/Icon-Sprite.md 

## Generate/update the `icon-sprite.svg` file



1. Export SVG icon from Figma.



2. Add icon file to `priv/static/images/icons/` (without the `icon-` prefix) (e.g. `active.svg`).



3. Generate/Update the `icon-sprite.svg` by running this command:

   ```sh

   npm run svg-sprite.generate-icon --prefix assets

   ```



## Using Icon Sprite in Template



```sh

<%= icon_tag(@conn, "active", class: "something") %>



# <svg class=\"icon something\"><use xlink:href=\"/images/icon-sprite.svg#icon-priv--static--images--icons--active\"></svg>

```