[raw]

Icons with Circle Backgrounds

[spacer height=”20px”]
[one_fourth]

[/one_fourth]

[one_fourth]

[/one_fourth]

[one_fourth]

[/one_fourth]

[one_fourth_last]

[/one_fourth_last]

[spacer height=”23px”]

[spacer height=”24px”]

Plain Icons Without Background

[spacer height=”20px”]

[one_fourth]

[/one_fourth]

[one_fourth]

[/one_fourth]

[one_fourth]

[/one_fourth]

[one_fourth_last]

[/one_fourth_last]

[spacer height=”23px”]

[spacer height=”24px”]

Choose Your Own Colors

[spacer height=”20px”]
[one_fourth]

[/one_fourth]
[one_fourth]

[/one_fourth]
[one_fourth]

[/one_fourth]
[one_fourth_last]

[/one_fourth_last]

[one_fourth]

[/one_fourth]
[one_fourth]

[/one_fourth]
[one_fourth]

[/one_fourth]
[one_fourth_last]

[/one_fourth_last]
[spacer height=”23px”]

[spacer height=”24px”]
[/raw]
[raw]

Get The Code

[spacer height=”4px”]

[codebox line_numbers=”true” remove_breaks=”true” lang=”html”]
[icon icon="adduser" color="#ffffff" circle="#555555"]Add User[/icon]

[icon icon="unlock" color="#555555"]Unlock[/icon]

[icon icon="zoomout" color="#ff8000"]Zoom Out[/icon]
[/codebox]
[spacer height=”23px”]

[spacer height=”24px”]
[/raw]
[raw]

Customization Options

[list_item]icon – the icon shape that should be displayed (see above for all the options).[/list_item]
[list_item]color – the foreground color of the icon.[/list_item]
[list_item]circle – the background color of the icon (the color of the circle). Leave blank to if no background circle is desired.[/list_item]
[/raw]

Write a comment:

*

Your email address will not be published.