Skip to Content
Boxicons v3.0 is released 🎉
StylingSizing

Sizing

You can change size of the icon withfont-size CSS. It will inherit the font-sizefrom the parent by default. There are fixed sizes you can add to the icon by adding classes bx-xs, bx-sm, bx-md and bx-lg

First you will need to import transformations.css to style the icons

Copy-paste the stylesheet link into your head to load our CSS

<link href='https://cdn.boxicons.com/fonts/transformations.min.css' rel='stylesheet'>

Once you add this , you can do the styling for the icons

<i class='bx bxs-like bx-xs'></i> <i class='bx bxs-like bx-sm'></i> <i class='bx bxs-like bx-md'></i> <i class='bx bxs-like bx-lg'></i>

Fixed width

You can use fixed width class bx-fw to get a fixed width icon next to the text li

<i class='bx-fw bxl bx-facebook-square'></i>Facebook
Last updated on