base_icons

Icon Types

Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.

Plain Icons

The plain icons style uses the .u-icon-v1 class.

Font Awesome Icons

Font Awesome gives you 675 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.

View all 675 icons


Simple Line Icons

Simple Line Icons gives you 189 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.

View all 189 icons


Simple Line Icons PRO

Simple Line Icons PRO gives you 2 810 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.

View all 2 810 icons:
Part 1
Part 2


Elegant Themes 100 Line Icons

Elegant Themes 100 Line Icons gives you 100 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.

View all 100 icons


Bordered Icons

The bordered icons style uses the .u-icon-v2 class.

Font Awesome Icons


Simple Line Icons


Simple Line Icons PRO


Elegant Themes 100 Line Icons


Backgrounded Icons

The backgrounded icons style uses the .u-icon-v3 class.

Font Awesome Icons


Simple Line Icons


Simple Line Icons PRO


Elegant Themes 100 Line Icons


Backgrounded & Bordered Icons

The backgrounded & bordered icons style uses the .u-icon-v4 class and <span class="u-icon-v4-inner"> as a child element.

Font Awesome Icons


Simple Line Icons


Simple Line Icons PRO


Elegant Themes 100 Line Icons


Rounded Icons

The rounded icons style uses the .g-rounded-* class.




Rotated Icons

The rotated icons style uses the .u-icon-rotation class.




WAIT! Animate