--- name: iconic url: /iconic ---
You can add in these sweet icons with this simple markup:
The icons are in the build/assets/img/iconic
folder. If you're using the data-src
attribute, you can manually pull in the path from there.
The zf-iconic
attribute is needed to make the Iconic JS work.
You can easily change the colors of the icons with our color classes like so:
By default, all icons are responsive! Not only do they size, but the IconicJS library swaps in appropriate icons for the current window size. You can use the size
attribute within the directive to override the responsiveness. Otherwise, your icon will automatically size itself and render more/less detail depending on the size of the container you place it in. You can resize the window to see the icons below change in size and detail.
You can affect the size of the icons with our color classes like so:
You can use these Sass variables to customize the icons: