Get Started

Easy way to get WapBlog Icon v1.2.2 (Latest) onto your website or blog

Embed CDN of WapBlog Icon CSS

Place the code below into your <head> tag:

<link rel="stylesheet" href="https://cdn.wapblog.id/fonts/wb-icons/v1.2.2/style.css" media="all" />

Embed icon

You can use WapBlog Icon just about anywhere using the CSS Prefix wbi and the icon's name. WapBlog Icon is designed to be used with inline elements (we like the <i> tag for brevity, but using a <span> is more semantically correct).

An example:

<i class="wbi wbi-download"></i>

Animated Icon

Use the wbi-spin class to get any icon to rotate, and use wbi-step to have it rotate with 8 steps. Or use wbi-spin-flip class to rotate any icon counter clockwise, and use wbi-spin-flip to rotate 8 steps as counter clockwise. Works well with wbi-spinner, wbi-gear, and wbi-sync.

<i class="wbi wbi-gear wbi-spin"></i> <i class="wbi wbi-spinner wbi-step-flip"></i> <i class="wbi wbi-sync wbi-spin"></i> <i class="wbi wbi-recovery wbi-step-flip"></i>