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