Images

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 src property.

Icons

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.

Image Notes/Ideas

• [ ] Icon page in docs that shows all icons and their paths for including in partials