Loading...
Customize

Customize theme

Colors
Primary
Warning
Info
Success
Danger
Typography (1rem = 16px)
Borders / Rounding
Around Docs
Buy now

Menu

Contents

Buy now

UI icons (Icon font)

Around includes the collection of font based vector icons to use across the website. Refer to the following code example:

<i class="ai-anchor"></i>
You can find the list of all available icons as well as their respective CSS classes here.

Add new icons to the set

To incorporate additional icons into the set, simply follow these straightforward steps:

  1. Add new icons in .svg format by dragging them to the src/icons folder.Please ensure that each SVG icon adheres to the specified dimensions of 32x32px and that all paths are outlined (converted to shapes) to render properly.
  2. Run the npm run icon-font command in your terminal to generate a new icon font file in .woff2 format along with its corresponding .css file.
  3. You can now incorporate the newly added icons into your project by referencing them through the CSS class ai-[icon-name], with the icon name derived directly from the corresponding SVG file name.