Icons – Visualbook

Icons

On this page

Icons – What This Section Does

The Icons section provides a well-organized library of brand symbols—readers can view a grid of previews, click on an item, and download the icon in the available formats and sizes. Four grid densities allow you to display the entire set at once or highlight only selected elements.

Display options

  • Mini grid – the densest layout for large sets; the icons are the smallest, but you can see the most of them on the screen at once
  • Small grid – a compromise between the number of items and the readability of each icon’s details
  • Medium grid – a balanced default view with sufficient space around the previews
  • Large grid – the largest previews for a clear presentation of a smaller set or key icons

What is it used for?

  • Library of UI icons, pictograms, and monochrome brand symbols
  • Quickly compare the entire set before selecting the right element for your interface or presentation
  • Downloadable documentation on the proper use of formats and color variants

Mini grid

The smallest icon display size—a compact grid suitable for large icon sets where you need to show as many items as possible at once.

Tip

Click any icon to preview it with options to download in various formats, sizes, and colours.

Small grid

Small icon grid size—a good compromise between the number of displayed icons and their readability.

Medium grid

The default medium icon size—a clear display with enough space for each icon's detail.

Note

This section has both brand colour and custom colour recolouring enabled, with a predefined palette.

Large grid

The largest icon grid size—ideal for smaller icon sets where you want maximum visibility and detail for each icon.

Warning

The large grid works best for sets of up to about 10 icons. For larger sets, we recommend a smaller grid size.