WHY SMARTY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

RECENTLY VISITED
CONTACT INFO
  • Address: PO Box 21132, Here Weare St,
    Melbourne, Vivas 2355 Australia
  • Phone: 1-800-565-2390
  • Email: support@yourname.com

STYLED ICONS

  1. Home
  2. Shortcodes
  3. Styled Icons
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon
 -->

<i class="ico-bordered ico-hover-dark icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-rounded ico-hover icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-light ico-hover icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-light ico-rounded ico-hover icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-dark ico-hover icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-dark ico-rounded ico-hover icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-color ico-hover fa fa-facebook"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-color ico-rounded ico-hover fa fa-facebook"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon
 -->

<i class="ico-transparent ico-hover icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-dark ico-xs ico-hover icon-bell"></i>
Show Code 
<!-- 
	ico-transparent	= no border and no background color
	ico-bordered 	= bordered icon
	ico-rounded 	= round icon
	ico-light	 	= light background
	ico-dark	 	= dark background
	ico-hover 		= theme background color on hover (optional)
	ico-hover-dark 	= force dark background color on hover (optional)
	ico-xs 			= small icon
	ico-lg 			= large icon

 -->

<i class="ico-dark ico-lg ico-hover icon-bell"></i>
Show Code 
<i class="ico-color icon-bell" style="background-color:#D8BFD8"></i>