Unify Shortcodes

Icons Hover Effects

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

Color

Extend the icons with .g-color-*--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Background Color

Extend the icons with .g-bg-*--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Border Color

Extend the icons with .g-brd-*--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Opacity

Extend the icons with .g-opacity-*--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Slide

Extend the icons with .u-icon-sliding--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Zoom

Extend the icons with .u-icon-scale-1_2--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Shadow

Extend the icons with .u-icon-shadow--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Slide up

Extend the icons with .u-icon-slide-up--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Slide down

Extend the icons with .u-icon-slide-down--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Slide left

Extend the icons with .u-icon-slide-left--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Slide right

Extend the icons with .u-icon-slide-right--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Effect v1-1

Extend the icons with .u-icon-effect-v1-1--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Effect v1-2

Extend the icons with .u-icon-effect-v1-2--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Effect v2

Extend the icons with .u-icon-effect-v2--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Effect v3

Extend the icons with .u-icon-effect-v3--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Effect v4

Extend the icons with .u-icon-effect-v4--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

Effect v5

Extend the icons with .u-icon-effect-v5--hover class.

Plain Icons

Show code Copy code

Bordered Icons

Show code Copy code

Backgrounded Icons

Show code Copy code

Backgrounded & Bordered Icons

Show code Copy code

We offer best in class service for your needs

Purchase Now

About Us

About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.

Latest Posts

Useful Links

Our Contacts

795 Folsom Ave, Suite 600,
San Francisco, CA 94107 795

(+123) 456 7890
(+123) 456 7891

info@htmlstream.com
www.htmlstream.com