Preserve, Enrich, Inspire

Icons

[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]
[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]
[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]
[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]
[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, PDF & Email