All images for the web application should be stored in the
img/ directory. An alias is configured in the
webpack.config.js file (github)
to enable requiring images with
require("img/<path_in_img_dir") or referencing in .html or .hbs files
This template includes Zondicons, a free SVG icon library with 270 icons.
These can be included in the HTML template files with
@svg(<img/<path_to_svg_relative_to_img>) and the svg file
will be included inline so standard utility classes from Tailwind can be applied.
It is best to wrap the icons in a wrapper containing the
icon class, as this will default to the icon being
the size and color of the font.
- [ ] Icon page in docs that shows all icons and their paths for including in partials