[raw]

Icons with Circle Backgrounds

[spacer height=”20px”]

[icon icon=”adduser” color=”#ffffff” circle=”#555555″]Add User[/icon]

[icon icon=”airplane” color=”#ffffff” circle=”#555555″]Airplane[/icon]

[icon icon=”attachment” color=”#ffffff” circle=”#555555″]Attachment[/icon]

[icon icon=”back” color=”#ffffff” circle=”#555555″]Back[/icon]

[icon icon=”backarrow” color=”#ffffff” circle=”#555555″]Back Arrow[/icon]

[icon icon=”bag” color=”#ffffff” circle=”#555555″]Bag[/icon]

[icon icon=”beginningtrack” color=”#ffffff” circle=”#555555″]Beginning Track[/icon]

[icon icon=”bell” color=”#ffffff” circle=”#555555″]Bell[/icon]

[icon icon=”bolt” color=”#ffffff” circle=”#555555″]Bolt[/icon]

[icon icon=”bookmark” color=”#ffffff” circle=”#555555″]Bookmark[/icon]

[icon icon=”brokenlink” color=”#ffffff” circle=”#555555″]Broken Link[/icon]

[icon icon=”cabinet” color=”#ffffff” circle=”#555555″]Cabinet[/icon]

[icon icon=”calender” color=”#ffffff” circle=”#555555″]Calendar[/icon]

[icon icon=”camera” color=”#ffffff” circle=”#555555″]Camera[/icon]

[icon icon=”cancel” color=”#ffffff” circle=”#555555″]Cancel[/icon]

[icon icon=”caution” color=”#ffffff” circle=”#555555″]Caution[/icon]

[icon icon=”checkmark” color=”#ffffff” circle=”#555555″]Checkmark[/icon]

[icon icon=”clock” color=”#ffffff” circle=”#555555″]Clock[/icon]

[icon icon=”clockwise” color=”#ffffff” circle=”#555555″]Clockwise[/icon]

[icon icon=”cloud” color=”#ffffff” circle=”#555555″]Cloud[/icon]

[icon icon=”cloudupload” color=”#ffffff” circle=”#555555″]Cloud Upload[/icon]

[icon icon=”comment” color=”#ffffff” circle=”#555555″]Comment[/icon]

[icon icon=”compass” color=”#ffffff” circle=”#555555″]Compass[/icon]

[icon icon=”compasshand” color=”#ffffff” circle=”#555555″]Compass Hand[/icon]

[icon icon=”conversation” color=”#ffffff” circle=”#555555″]Conversation[/icon]

[icon icon=”copydocument” color=”#ffffff” circle=”#555555″]Copy Document[/icon]

[icon icon=”counterclockwise” color=”#ffffff” circle=”#555555″]Counter Clockwise[/icon]

[icon icon=”creativecommons” color=”#ffffff” circle=”#555555″]Creative Commons[/icon]

[icon icon=”crosshair” color=”#ffffff” circle=”#555555″]Crosshair[/icon]

[icon icon=”crosspaths” color=”#ffffff” circle=”#555555″]Crosspaths[/icon]

[icon icon=”document” color=”#ffffff” circle=”#555555″]Document[/icon]

[icon icon=”doubleback” color=”#ffffff” circle=”#555555″]Double Back[/icon]

[icon icon=”downarrow” color=”#ffffff” circle=”#555555″]Down Arrow[/icon]

[icon icon=”downarrowcircle” color=”#ffffff” circle=”#555555″]Down Arrow Circle[/icon]

[icon icon=”downarrowsmall” color=”#ffffff” circle=”#555555″]Down Arrow Small[/icon]

[icon icon=”download” color=”#ffffff” circle=”#555555″]Download[/icon]

[icon icon=”endtrack” color=”#ffffff” circle=”#555555″]End Track[/icon]

[icon icon=”envato” color=”#ffffff” circle=”#555555″]Envato[/icon]

[icon icon=”eye” color=”#ffffff” circle=”#555555″]Eye[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#555555″]Flag[/icon]

[icon icon=”flashlight” color=”#ffffff” circle=”#555555″]Flashlight[/icon]

[icon icon=”folder” color=”#ffffff” circle=”#555555″]Folder[/icon]

[icon icon=”forward” color=”#ffffff” circle=”#555555″]Forward[/icon]

[icon icon=”gear” color=”#ffffff” circle=”#555555″]Gear[/icon]

[icon icon=”hdd” color=”#ffffff” circle=”#555555″]HDD[/icon]

[icon icon=”heart” color=”#ffffff” circle=”#555555″]Heart[/icon]

[icon icon=”home” color=”#ffffff” circle=”#555555″]Home[/icon]

[icon icon=”hourglass” color=”#ffffff” circle=”#555555″]Hourglass[/icon]

[icon icon=”info” color=”#ffffff” circle=”#555555″]Info[/icon]

[icon icon=”infocircle” color=”#ffffff” circle=”#555555″]Info Circle[/icon]

[icon icon=”landscape” color=”#ffffff” circle=”#555555″]Landscape[/icon]

[icon icon=”leftarrow” color=”#ffffff” circle=”#555555″]Left Arrow[/icon]

[icon icon=”leftarrowcircle” color=”#ffffff” circle=”#555555″]Left Arrow Circle[/icon]

[icon icon=”leftarrowsmall” color=”#ffffff” circle=”#555555″]Left Arrow Small[/icon]

[icon icon=”lifesaver” color=”#ffffff” circle=”#555555″]Life Saver[/icon]

[icon icon=”link” color=”#ffffff” circle=”#555555″]Link[/icon]

[icon icon=”list” color=”#ffffff” circle=”#555555″]List[/icon]

[icon icon=”listadd” color=”#ffffff” circle=”#555555″]List Add[/icon]

[icon icon=”lock” color=”#ffffff” circle=”#555555″]Lock[/icon]

[icon icon=”looparrow” color=”#ffffff” circle=”#555555″]Loop Arrow[/icon]

[icon icon=”mail” color=”#ffffff” circle=”#555555″]Mail[/icon]

[icon icon=”map” color=”#ffffff” circle=”#555555″]Map[/icon]

[icon icon=”mappin” color=”#ffffff” circle=”#555555″]Map Pin[/icon]

[icon icon=”maximize” color=”#ffffff” circle=”#555555″]Maximize[/icon]

[icon icon=”microphone” color=”#ffffff” circle=”#555555″]Microphone[/icon]

[icon icon=”minus” color=”#ffffff” circle=”#555555″]Minus[/icon]

[icon icon=”minuscircle” color=”#ffffff” circle=”#555555″]Minus Circle[/icon]

[icon icon=”moon” color=”#ffffff” circle=”#555555″]Moon[/icon]

[icon icon=”mouse” color=”#ffffff” circle=”#555555″]Mouse[/icon]

[icon icon=”music” color=”#ffffff” circle=”#555555″]Music[/icon]

[icon icon=”musicnote” color=”#ffffff” circle=”#555555″]Music Note[/icon]

[icon icon=”newwindow” color=”#ffffff” circle=”#555555″]New Window[/icon]

[icon icon=”nexttrack” color=”#ffffff” circle=”#555555″]Next Track[/icon]

[icon icon=”palette” color=”#ffffff” circle=”#555555″]Palette[/icon]

[icon icon=”pause” color=”#ffffff” circle=”#555555″]Pause[/icon]

[icon icon=”phone” color=”#ffffff” circle=”#555555″]Phone[/icon]

[icon icon=”photos” color=”#ffffff” circle=”#555555″]Photos[/icon]

[icon icon=”play” color=”#ffffff” circle=”#555555″]Play[/icon]

[icon icon=”plus” color=”#ffffff” circle=”#555555″]Plus[/icon]

[icon icon=”pluscircle” color=”#ffffff” circle=”#555555″]Plus Circle[/icon]

[icon icon=”portrait” color=”#ffffff” circle=”#555555″]Portrait[/icon]

[icon icon=”previoustrack” color=”#ffffff” circle=”#555555″]Previous Track[/icon]

[icon icon=”printer” color=”#ffffff” circle=”#555555″]Printer[/icon]

[icon icon=”profile” color=”#ffffff” circle=”#555555″]Profile[/icon]

[icon icon=”questioncircle” color=”#ffffff” circle=”#555555″]Question Circle[/icon]

[icon icon=”questionmark” color=”#ffffff” circle=”#555555″]Question Mark[/icon]

[icon icon=”record” color=”#ffffff” circle=”#555555″]Record[/icon]

[icon icon=”rightarrow” color=”#ffffff” circle=”#555555″]Right Arrow[/icon]

[icon icon=”rightarrowcircle” color=”#ffffff” circle=”#555555″]Right Arrow Circle[/icon]

[icon icon=”rightarrowsmall” color=”#ffffff” circle=”#555555″]Right Arrow Small[/icon]

[one_fourth_last]

[icon icon=”rightquote” color=”#ffffff” circle=”#555555″]Right Quote[/icon]

[icon icon=”rings” color=”#ffffff” circle=”#555555″]Rings[/icon]

[icon icon=”roadsign” color=”#ffffff” circle=”#555555″]Road Sign[/icon]

[icon icon=”rss” color=”#ffffff” circle=”#555555″]RSS[/icon]

[icon icon=”signal” color=”#ffffff” circle=”#555555″]Signal[/icon]

[icon icon=”smartphone” color=”#ffffff” circle=”#555555″]Smartphone[/icon]

[icon icon=”star” color=”#ffffff” circle=”#555555″]Star[/icon]

[icon icon=”stop” color=”#ffffff” circle=”#555555″]Stop[/icon]

[icon icon=”tag” color=”#ffffff” circle=”#555555″]Tag[/icon]

[icon icon=”thumbsup” color=”#ffffff” circle=”#555555″]Thumbs Up[/icon]

[icon icon=”trash” color=”#ffffff” circle=”#555555″]Trash[/icon]

[icon icon=”trophy” color=”#ffffff” circle=”#555555″]Trophy[/icon]

[icon icon=”unlock” color=”#ffffff” circle=”#555555″]Unlock[/icon]

[icon icon=”uparrow” color=”#ffffff” circle=”#555555″]Up Arrow[/icon]

[icon icon=”uparrowcircle” color=”#ffffff” circle=”#555555″]Up Arrow Circle[/icon]

[icon icon=”uparrowsmall” color=”#ffffff” circle=”#555555″]Up Arrow Small[/icon]

[icon icon=”upload” color=”#ffffff” circle=”#555555″]Upload[/icon]

[icon icon=”user” color=”#ffffff” circle=”#555555″]User[/icon]

[icon icon=”usergroup” color=”#ffffff” circle=”#555555″]Usergroup[/icon]

[icon icon=”video” color=”#ffffff” circle=”#555555″]Video[/icon]

[icon icon=”volume” color=”#ffffff” circle=”#555555″]Volume[/icon]

[icon icon=”volumeoff” color=”#ffffff” circle=”#555555″]Volume Off[/icon]

[icon icon=”volumeon” color=”#ffffff” circle=”#555555″]Volume On[/icon]

[icon icon=”widewindow” color=”#ffffff” circle=”#555555″]Wide Window[/icon]

[icon icon=”window” color=”#ffffff” circle=”#555555″]Window[/icon]

[icon icon=”write” color=”#ffffff” circle=”#555555″]Write[/icon]

[icon icon=”xmark” color=”#ffffff” circle=”#555555″]X Mark[/icon]

[icon icon=”xmarkcircle” color=”#ffffff” circle=”#555555″]X Mark Circle[/icon]

[icon icon=”zoomin” color=”#ffffff” circle=”#555555″]Zoom In[/icon]

[icon icon=”zoomout” color=”#ffffff” circle=”#555555″]Zoom Out[/icon]

[/one_fourth_last]

[spacer height=”23px”]
[divider]
[spacer height=”24px”]

Plain Icons Without Background

[spacer height=”20px”]

[icon icon=”adduser” color=”#444444″ ]Add User[/icon]

[icon icon=”airplane” color=”#444444″ ]Airplane[/icon]

[icon icon=”attachment” color=”#444444″ ]Attachment[/icon]

[icon icon=”back” color=”#444444″ ]Back[/icon]

[icon icon=”backarrow” color=”#444444″ ]Back Arrow[/icon]

[icon icon=”bag” color=”#444444″ ]Bag[/icon]

[icon icon=”beginningtrack” color=”#444444″ ]Beginning Track[/icon]

[icon icon=”bell” color=”#444444″ ]Bell[/icon]

[icon icon=”bolt” color=”#444444″ ]Bolt[/icon]

[icon icon=”bookmark” color=”#444444″ ]Bookmark[/icon]

[icon icon=”brokenlink” color=”#444444″ ]Broken Link[/icon]

[icon icon=”cabinet” color=”#444444″ ]Cabinet[/icon]

[icon icon=”calender” color=”#444444″ ]Calendar[/icon]

[icon icon=”camera” color=”#444444″ ]Camera[/icon]

[icon icon=”cancel” color=”#444444″ ]Cancel[/icon]

[icon icon=”caution” color=”#444444″ ]Caution[/icon]

[icon icon=”checkmark” color=”#444444″ ]Checkmark[/icon]

[icon icon=”clock” color=”#444444″ ]Clock[/icon]

[icon icon=”clockwise” color=”#444444″ ]Clockwise[/icon]

[icon icon=”cloud” color=”#444444″ ]Cloud[/icon]

[icon icon=”cloudupload” color=”#444444″ ]Cloud Upload[/icon]

[icon icon=”comment” color=”#444444″ ]Comment[/icon]

[icon icon=”compass” color=”#444444″ ]Compass[/icon]

[icon icon=”compasshand” color=”#444444″ ]Compass Hand[/icon]

[icon icon=”conversation” color=”#444444″ ]Conversation[/icon]

[icon icon=”copydocument” color=”#444444″ ]Copy Document[/icon]

[icon icon=”counterclockwise” color=”#444444″ ]Counter Clockwise[/icon]

[icon icon=”creativecommons” color=”#444444″ ]Creative Commons[/icon]

[icon icon=”crosshair” color=”#444444″ ]Crosshair[/icon]

[icon icon=”crosspaths” color=”#444444″ ]Crosspaths[/icon]

[icon icon=”document” color=”#444444″ ]Document[/icon]

[icon icon=”doubleback” color=”#444444″ ]Double Back[/icon]

[icon icon=”downarrow” color=”#444444″ ]Down Arrow[/icon]

[icon icon=”downarrowcircle” color=”#444444″ ]Down Arrow Circle[/icon]

[icon icon=”downarrowsmall” color=”#444444″ ]Down Arrow Small[/icon]

[icon icon=”download” color=”#444444″ ]Download[/icon]

[icon icon=”endtrack” color=”#444444″ ]End Track[/icon]

[icon icon=”envato” color=”#444444″ ]Envato[/icon]

[icon icon=”eye” color=”#444444″ ]Eye[/icon]

[icon icon=”flag” color=”#444444″ ]Flag[/icon]

[icon icon=”flashlight” color=”#444444″ ]Flashlight[/icon]

[icon icon=”folder” color=”#444444″ ]Folder[/icon]

[icon icon=”forward” color=”#444444″ ]Forward[/icon]

[icon icon=”gear” color=”#444444″ ]Gear[/icon]

[icon icon=”hdd” color=”#444444″ ]HDD[/icon]

[icon icon=”heart” color=”#444444″ ]Heart[/icon]

[icon icon=”home” color=”#444444″ ]Home[/icon]

[icon icon=”hourglass” color=”#444444″ ]Hourglass[/icon]

[icon icon=”info” color=”#444444″ ]Info[/icon]

[icon icon=”infocircle” color=”#444444″ ]Info Circle[/icon]

[icon icon=”landscape” color=”#444444″ ]Landscape[/icon]

[icon icon=”leftarrow” color=”#444444″ ]Left Arrow[/icon]

[icon icon=”leftarrowcircle” color=”#444444″ ]Left Arrow Circle[/icon]

[icon icon=”leftarrowsmall” color=”#444444″ ]Left Arrow Small[/icon]

[icon icon=”lifesaver” color=”#444444″ ]Life Saver[/icon]

[icon icon=”link” color=”#444444″ ]Link[/icon]

[icon icon=”list” color=”#444444″ ]List[/icon]

[icon icon=”listadd” color=”#444444″ ]List Add[/icon]

[icon icon=”lock” color=”#444444″ ]Lock[/icon]

[icon icon=”looparrow” color=”#444444″ ]Loop Arrow[/icon]

[icon icon=”mail” color=”#444444″ ]Mail[/icon]

[icon icon=”map” color=”#444444″ ]Map[/icon]

[icon icon=”mappin” color=”#444444″ ]Map Pin[/icon]

[icon icon=”maximize” color=”#444444″ ]Maximize[/icon]

[icon icon=”microphone” color=”#444444″ ]Microphone[/icon]

[icon icon=”minus” color=”#444444″ ]Minus[/icon]

[icon icon=”minuscircle” color=”#444444″ ]Minus Circle[/icon]

[icon icon=”moon” color=”#444444″ ]Moon[/icon]

[icon icon=”mouse” color=”#444444″ ]Mouse[/icon]

[icon icon=”music” color=”#444444″ ]Music[/icon]

[icon icon=”musicnote” color=”#444444″ ]Music Note[/icon]

[icon icon=”newwindow” color=”#444444″ ]New Window[/icon]

[icon icon=”nexttrack” color=”#444444″ ]Next Track[/icon]

[icon icon=”palette” color=”#444444″ ]Palette[/icon]

[icon icon=”pause” color=”#444444″ ]Pause[/icon]

[icon icon=”phone” color=”#444444″ ]Phone[/icon]

[icon icon=”photos” color=”#444444″ ]Photos[/icon]

[icon icon=”play” color=”#444444″ ]Play[/icon]

[icon icon=”plus” color=”#444444″ ]Plus[/icon]

[icon icon=”pluscircle” color=”#444444″ ]Plus Circle[/icon]

[icon icon=”portrait” color=”#444444″ ]Portrait[/icon]

[icon icon=”previoustrack” color=”#444444″ ]Previous Track[/icon]

[icon icon=”printer” color=”#444444″ ]Printer[/icon]

[icon icon=”profile” color=”#444444″ ]Profile[/icon]

[icon icon=”questioncircle” color=”#444444″ ]Question Circle[/icon]

[icon icon=”questionmark” color=”#444444″ ]Question Mark[/icon]

[icon icon=”record” color=”#444444″ ]Record[/icon]

[icon icon=”rightarrow” color=”#444444″ ]Right Arrow[/icon]

[icon icon=”rightarrowcircle” color=”#444444″ ]Right Arrow Circle[/icon]

[icon icon=”rightarrowsmall” color=”#444444″ ]Right Arrow Small[/icon]

[one_fourth_last]

[icon icon=”rightquote” color=”#444444″ ]Right Quote[/icon]

[icon icon=”rings” color=”#444444″ ]Rings[/icon]

[icon icon=”roadsign” color=”#444444″ ]Road Sign[/icon]

[icon icon=”rss” color=”#444444″ ]RSS[/icon]

[icon icon=”signal” color=”#444444″ ]Signal[/icon]

[icon icon=”smartphone” color=”#444444″ ]Smartphone[/icon]

[icon icon=”star” color=”#444444″ ]Star[/icon]

[icon icon=”stop” color=”#444444″ ]Stop[/icon]

[icon icon=”tag” color=”#444444″ ]Tag[/icon]

[icon icon=”thumbsup” color=”#444444″ ]Thumbs Up[/icon]

[icon icon=”trash” color=”#444444″ ]Trash[/icon]

[icon icon=”trophy” color=”#444444″ ]Trophy[/icon]

[icon icon=”unlock” color=”#444444″ ]Unlock[/icon]

[icon icon=”uparrow” color=”#444444″ ]Up Arrow[/icon]

[icon icon=”uparrowcircle” color=”#444444″ ]Up Arrow Circle[/icon]

[icon icon=”uparrowsmall” color=”#444444″ ]Up Arrow Small[/icon]

[icon icon=”upload” color=”#444444″ ]Upload[/icon]

[icon icon=”user” color=”#444444″ ]User[/icon]

[icon icon=”usergroup” color=”#444444″ ]Usergroup[/icon]

[icon icon=”video” color=”#444444″ ]Video[/icon]

[icon icon=”volume” color=”#444444″ ]Volume[/icon]

[icon icon=”volumeoff” color=”#444444″ ]Volume Off[/icon]

[icon icon=”volumeon” color=”#444444″ ]Volume On[/icon]

[icon icon=”widewindow” color=”#444444″ ]Wide Window[/icon]

[icon icon=”window” color=”#444444″ ]Window[/icon]

[icon icon=”write” color=”#444444″ ]Write[/icon]

[icon icon=”xmark” color=”#444444″ ]X Mark[/icon]

[icon icon=”xmarkcircle” color=”#444444″ ]X Mark Circle[/icon]

[icon icon=”zoomin” color=”#444444″ ]Zoom In[/icon]

[icon icon=”zoomout” color=”#444444″ ]Zoom Out[/icon]

[/one_fourth_last]

[spacer height=”23px”]
[divider]
[spacer height=”24px”]

Choose Your Own Colors

[spacer height=”20px”]

[icon icon=”flag” color=”#ffffff” circle=”#333″]White on Black[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#91BD09″]White on Green[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#E22092″]White on Pink[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#666″]White on Dark Grey[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#E62727″]White on Red[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#F16C7C”]White on Rose[/icon]

[icon icon=”flag” color=”#333″ circle=”#ffffff”]Grey on Smoke[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#FFB515″]White on Yellow[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#A9014B”]White on Magenta[/icon]

[one_fourth_last]

[icon icon=”flag” color=”#ffffff” circle=”#00ADEE”]White on Blue[/icon]

[icon icon=”flag” color=”#ffffff” circle=”#FF5C00″]White on Orange[/icon]

[icon icon=”flag” color=”#ff8000″ circle=”#222222″]Orange on Black[/icon]

[/one_fourth_last]

[icon icon=”flag” color=”#333″]Black[/icon]

[icon icon=”flag” color=”#91BD09″]Green[/icon]

[icon icon=”flag” color=”#E22092″]Pink[/icon]

[icon icon=”flag” color=”#666″]Dark Grey[/icon]

[icon icon=”flag” color=”#E62727″]Red[/icon]

[icon icon=”flag” color=”#F16C7C”]Rose[/icon]

[icon icon=”flag” color=”#aaa”]Smoke[/icon]

[icon icon=”flag” color=”#FFB515″]Yellow[/icon]

[icon icon=”flag” color=”#A9014B”]Magenta[/icon]

[one_fourth_last]

[icon icon=”flag” color=”#00ADEE”]Blue[/icon]

[icon icon=”flag” color=”#FF5C00″]Orange[/icon]

[/one_fourth_last]
[spacer height=”23px”]
[divider]
[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”]
[divider]

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

Customization Options

[list]
[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]
[/list]
[/raw]

Print Friendly