Display the icons by using classes on the <span> html tag.
Make use of the following markup: <span class="ico brandico"></span>
SCALABILITY
Brandico comes in different sizes to choose from, from small to large:
2xs, xs, sm, lg, 1x, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x
SPIN / ROTATE / FLIP
Spin:
Use bcl-spin class to spin the icon.
Flip:
1. Horizontal bcl-flip-horizontal:
2. Vertical bcl-flip-vertical:
Rotate:
Use bcl-rotate-90 bcl-rotate-180 bcl-rotate-270 to rotate the icon clockwise 90, 180, 270 degrees respectively.
VISUAL EFFECTS
Use bcl-grayscale bcl-opacity bcl-blur bcl-invert bcl-shadow to apply visual effects, respectively.
COLORS
Predefined Colors:
bcl-black
bcl-white
bcl-gray
bcl-purple
bcl-dpurple
bcl-neonpurple
bcl-violet
bcl-lime
bcl-green
bcl-green2
bcl-neongreen
bcl-chartreuse
bcl-teal
bcl-blue
bcl-blue2
bcl-neonblue
bcl-aqua
bcl-pink
bcl-lilac
bcl-mustard
bcl-yellow
bcl-neonyellow
bcl-orange
bcl-red
bcl-neonred
bcl-cherry
bcl-marsala
bcl-wine
bcl-amora
Don't want to use any of the available style classes? Not a problem! You can use the power of css to customize any style.