In this post we explore how to add custom icon blocks to your theme.
Many of our themes already display categories and sections in custom blocks.
Examples include Ruby, which has a border to add visual interest but no icons:
Ada, which features icon and a box shadow effect:
And Thora, which uses custom category blocks with icons alongside static blocks to present important links and actions:
These blocks are dynamically generated for categories and/or sections, but what if you want to display other links or content in a similar way?
The great news is that whether you’re looking to present categories and sections or arbitrary links and contents, our ever-growing Pattern Library contains elements that can be used or easily adapted.
The blocks found in our Category Lists section, for example, are designed to present categories but you could use the same blocks for literally any purpose.
The beautify of these patterns is that they can be used anywhere in your theme, not just in specific places like the Home page.