Styled Lists & Header Icons

Styled List with Icon

You can have a list with all one type of icon or mix it up with different icons in a single list.

[list icon="star"]
[list_item icon="glass"]glass[/list_item]
[list_item icon="music"]music[/list_item]
[list_item icon="search"]search[/list_item]
[list_item icon="envelope"]envelope[/list_item]
[list_item icon="heart"]heart[/list_item]
[list_item icon="star"]star[/list_item]
[list_item icon="star-empty"]star-empty[/list_item]
[list_item icon="user"]user[/list_item]
[list_item icon="film"]film[/list_item]
[list_item icon="th-large"]th-large[/list_item]
[list_item icon="th"]th[/list_item]
[list_item icon="th-list"]th-list[/list_item]
[list_item icon="ok"]ok[/list_item]
[list_item icon="remove"]remove[/list_item]
[list_item icon="zoom-in"]zoom-in[/list_item]
[list_item icon="zoom-out"]zoom-out[/list_item]
[list_item icon="off"]off[/list_item]
[list_item icon="signal"]signal[/list_item]
[list_item icon="cogs"]cogs[/list_item]
[list_item icon="cog"]cog[/list_item]
[/list]
[list]
[list_item icon="trash"]trash[/list_item]
[list_item icon="home"]home[/list_item]
[list_item icon="file"]file[/list_item]
[list_item icon="time"]time[/list_item]
[list_item icon="road"]road[/list_item]
[list_item icon="download-alt"]download-alt[/list_item]
[list_item icon="download"]download[/list_item]
[list_item icon="upload"]upload[/list_item]
[list_item icon="inbox"]inbox[/list_item]
[list_item icon="play-circle"]play-circle[/list_item]
[list_item icon="repeat"]repeat[/list_item]
[list_item icon="refresh"]refresh[/list_item]
[list_item icon="list-alt"]list-alt[/list_item]
[list_item icon="lock"]lock[/list_item]
[list_item icon="flag"]flag[/list_item]
[list_item icon="headphones"]headphones[/list_item]
[list_item icon="volume-off"]volume-off[/list_item]
[list_item icon="external-link"]external-link[/list_item]
[list_item icon="thumbs-down"]thumbs-down[/list_item]
[list_item icon="comments"]comments[/list_item]
[/list]
[list]
[list_item icon="volume-down"]volume-down[/list_item]
[list_item icon="qrcode"]qrcode[/list_item]
[list_item icon="barcode"]barcode[/list_item]
[list_item icon="tag"]tag[/list_item]
[list_item icon="tags"]tags[/list_item]
[list_item icon="book"]book[/list_item]
[list_item icon="bookmark"]bookmark[/list_item]
[list_item icon="print"]print[/list_item]
[list_item icon="camera"]camera[/list_item]
[list_item icon="font"]font[/list_item]
[list_item icon="bold"]bold[/list_item]
[list_item icon="italic"]italic[/list_item]
[list_item icon="text-height"]text-height[/list_item]
[list_item icon="text-width"]text-width[/list_item]
[list_item icon="align-left"]align-left[/list_item]
[list_item icon="align-center"]align-center[/list_item]
[list_item icon="align-right"]align-right[/list_item]
[list_item icon="align-justify"]align-justify[/list_item]
[list_item icon="pushpin"]pushpin[/list_item]
[list_item icon="trophy"] trophy[/list_item]
[/list]
[list]
[list_item icon="list"]list[/list_item]
[list_item icon="indent-left"]indent-left[/list_item]
[list_item icon="indent-right"]indent-right[/list_item]
[list_item icon="facetime-video"]facetime-video[/list_item]
[list_item icon="picture"]picture[/list_item]
[list_item icon="pencil"]pencil[/list_item]
[list_item icon="map-marker"]map-marker[/list_item]
[list_item icon="adjust"]adjust[/list_item]
[list_item icon="tint"]tint[/list_item]
[list_item icon="edit"]edit[/list_item]
[list_item icon="share"]share[/list_item]
[list_item icon="check"]check[/list_item]
[list_item icon="move"]move[/list_item]
[list_item icon="step-backward"]step-backward[/list_item]
[list_item icon="fast-backward"]fast-backward[/list_item]
[list_item icon="backward"]backward[/list_item]
[list_item icon="play"]play[/list_item]
[list_item icon="pause"]pause[/list_item]
[list_item icon="key"]key[/list_item]
[list_item icon="upload-alt"]upload-alt[/list_item]
[/list]
[list]
[list_item icon="stop"]stop[/list_item]
[list_item icon="forward"]forward[/list_item]
[list_item icon="fast-forward"]fast-forward[/list_item]
[list_item icon="step-forward"]step-forward[/list_item]
[list_item icon="eject"]eject[/list_item]
[list_item icon="chevron-left"]chevron-left[/list_item]
[list_item icon="chevron-right"]chevron-right[/list_item]
[list_item icon="plus-sign"]plus-sign[/list_item]
[list_item icon="minus-sign"]minus-sign[/list_item]
[list_item icon="remove-sign"]remove-sign[/list_item]
[list_item icon="ok-sign"]ok-sign[/list_item]
[list_item icon="question-sign"]question-sign[/list_item]
[list_item icon="info-sign"]info-sign[/list_item]
[list_item icon="screenshot"]screenshot[/list_item]
[list_item icon="remove-circle"]remove-circle[/list_item]
[list_item icon="ok-circle"]ok-circle[/list_item]
[list_item icon="ban-circle"]ban-circle[/list_item]
[list_item icon="arrow-left"]arrow-left[/list_item]
[list_item icon="thumbs-up"]thumbs-up[/list_item]
[list_item icon="lemon"]lemon[/list_item]
[/list]
[list]
[list_item icon="arrow-right"]arrow-right[/list_item]
[list_item icon="arrow-up"]arrow-up[/list_item]
[list_item icon="arrow-down"]arrow-down[/list_item]
[list_item icon="share-alt"]share-alt[/list_item]
[list_item icon="resize-full"]resize-full[/list_item]
[list_item icon="resize-small"]esize-small[/list_item]
[list_item icon="plus"]plus[/list_item]
[list_item icon="minus"]minus[/list_item]
[list_item icon="asterisk"]asterisk[/list_item]
[list_item icon="exclamation-sign"]exclamation-sign[/list_item]
[list_item icon="gift"]gift[/list_item]
[list_item icon="leaf"]leaf[/list_item]
[list_item icon="fire"]fire[/list_item]
[list_item icon="eye-open"]eye-open[/list_item]
[list_item icon="eye-close"]eye-close[/list_item]
[list_item icon="warning-sign"]warning-sign[/list_item]
[list_item icon="plane"]plane[/list_item]
[list_item icon="calendar"]calendar[/list_item]
[list_item icon="signin"]signin[/list_item]
[list_item icon="signout"]signout[/list_item]
[/list]
[list][list_item icon="random"]random[/list_item]
[list_item icon="comment"]comment[/list_item]
[list_item icon="magnet"]magnet[/list_item]
[list_item icon="chevron-up"]chevron-up[/list_item]
[list_item icon="chevron-down"]chevron-down[/list_item]
[list_item icon="retweet"]retweet[/list_item]
[list_item icon="shopping-cart"]shopping-cart[/list_item]
[list_item icon="resize-vertical"]resize-vertical[/list_item]
[list_item icon="resize-horizontal"]resize-horizontal[/list_item]
[list_item icon="folder-close"]folder-close[/list_item]
[list_item icon="folder-open"]folder-open[/list_item]
[list_item icon="camera-retro"]camera-retro[/list_item]
[list_item icon="bar-chart"]bar-chart[/list_item]
[list_item icon="heart-empty"]heart-empty[/list_item]
[list_item icon="twitter-sign"]twitter-sign[/list_item]
[list_item icon="linkedin-sign"]linkedin-sign[/list_item]
[list_item icon="github-sign"]github-sign[/list_item]
[list_item icon="facebook-sign"]facebook-sign[/list_item]
[list_item icon="star-half"]star-half[/list_item]
[/list]

[divider]

Header Icons

Really make your page sections stand out.

[raw]
[one_fourth]

[icon icon="adduser" color="#ffffff" circle="#191919"]Add User[/icon]
[icon icon="airplane" color="#ffffff" circle="#191919"]Airplane[/icon]
[icon icon="attachment" color="#ffffff" circle="#191919"]Attachment[/icon]
[icon icon="back" color="#ffffff" circle="#191919"]Back[/icon]
[icon icon="backarrow" color="#ffffff" circle="#191919"]Back Arrow[/icon]
[icon icon="bag" color="#ffffff" circle="#191919"]Bag[/icon]
[icon icon="beginningtrack" color="#ffffff" circle="#191919"]Beginning Track[/icon]
[icon icon="bell" color="#ffffff" circle="#191919"]Bell[/icon]
[icon icon="bolt" color="#ffffff" circle="#191919"]Bolt[/icon]
[icon icon="bookmark" color="#ffffff" circle="#191919"]Bookmark[/icon]
[icon icon="brokenlink" color="#ffffff" circle="#191919"]Broken Link[/icon]
[icon icon="cabinet" color="#ffffff" circle="#191919"]Cabinet[/icon]
[icon icon="calender" color="#ffffff" circle="#191919"]Calendar[/icon]
[icon icon="camera" color="#ffffff" circle="#191919"]Camera[/icon]
[icon icon="cancel" color="#ffffff" circle="#191919"]Cancel[/icon]
[icon icon="caution" color="#ffffff" circle="#191919"]Caution[/icon]
[icon icon="checkmark" color="#ffffff" circle="#191919"]Checkmark[/icon]
[icon icon="clock" color="#ffffff" circle="#191919"]Clock[/icon]
[icon icon="clockwise" color="#ffffff" circle="#191919"]Clockwise[/icon]
[icon icon="cloud" color="#ffffff" circle="#191919"]Cloud[/icon]
[icon icon="cloudupload" color="#ffffff" circle="#191919"]Cloud Upload[/icon]
[icon icon="comment" color="#ffffff" circle="#191919"]Comment[/icon]
[icon icon="compass" color="#ffffff" circle="#191919"]Compass[/icon]
[icon icon="compasshand" color="#ffffff" circle="#191919"]Compass Hand[/icon]
[icon icon="conversation" color="#ffffff" circle="#191919"]Conversation[/icon]
[icon icon="copydocument" color="#ffffff" circle="#191919"]Copy Document[/icon]
[icon icon="counterclockwise" color="#ffffff" circle="#191919"]Counter Clockwise[/icon]
[icon icon="creativecommons" color="#ffffff" circle="#191919"]Creative Commons[/icon]
[icon icon="crosshair" color="#ffffff" circle="#191919"]Crosshair[/icon]
[icon icon="crosspaths" color="#ffffff" circle="#191919"]Crosspaths[/icon]

[/one_fourth]

[one_fourth]

[icon icon="document" color="#ffffff" circle="#191919"]Document[/icon]
[icon icon="doubleback" color="#ffffff" circle="#191919"]Double Back[/icon]
[icon icon="downarrow" color="#ffffff" circle="#191919"]Down Arrow[/icon]
[icon icon="downarrowcircle" color="#ffffff" circle="#191919"]Down Arrow Circle[/icon]
[icon icon="downarrowsmall" color="#ffffff" circle="#191919"]Down Arrow Small[/icon]
[icon icon="download" color="#ffffff" circle="#191919"]Download[/icon]
[icon icon="endtrack" color="#ffffff" circle="#191919"]End Track[/icon]
[icon icon="envato" color="#ffffff" circle="#191919"]Envato[/icon]
[icon icon="eye" color="#ffffff" circle="#191919"]Eye[/icon]
[icon icon="flag" color="#ffffff" circle="#191919"]Flag[/icon]
[icon icon="flashlight" color="#ffffff" circle="#191919"]Flashlight[/icon]
[icon icon="folder" color="#ffffff" circle="#191919"]Folder[/icon]
[icon icon="forward" color="#ffffff" circle="#191919"]Forward[/icon]
[icon icon="gear" color="#ffffff" circle="#191919"]Gear[/icon]
[icon icon="hdd" color="#ffffff" circle="#191919"]HDD[/icon]
[icon icon="heart" color="#ffffff" circle="#191919"]Heart[/icon]
[icon icon="home" color="#ffffff" circle="#191919"]Home[/icon]
[icon icon="hourglass" color="#ffffff" circle="#191919"]Hourglass[/icon]
[icon icon="info" color="#ffffff" circle="#191919"]Info[/icon]
[icon icon="infocircle" color="#ffffff" circle="#191919"]Info Circle[/icon]
[icon icon="landscape" color="#ffffff" circle="#191919"]Landscape[/icon]
[icon icon="leftarrow" color="#ffffff" circle="#191919"]Left Arrow[/icon]
[icon icon="leftarrowcircle" color="#ffffff" circle="#191919"]Left Arrow Circle[/icon]
[icon icon="leftarrowsmall" color="#ffffff" circle="#191919"]Left Arrow Small[/icon]
[icon icon="lifesaver" color="#ffffff" circle="#191919"]Life Saver[/icon]
[icon icon="link" color="#ffffff" circle="#191919"]Link[/icon]
[icon icon="list" color="#ffffff" circle="#191919"]List[/icon]
[icon icon="listadd" color="#ffffff" circle="#191919"]List Add[/icon]
[icon icon="lock" color="#ffffff" circle="#191919"]Lock[/icon]
[icon icon="looparrow" color="#ffffff" circle="#191919"]Loop Arrow[/icon]

[/one_fourth]

[one_fourth]

[icon icon="mail" color="#ffffff" circle="#191919"]Mail[/icon]
[icon icon="map" color="#ffffff" circle="#191919"]Map[/icon]
[icon icon="mappin" color="#ffffff" circle="#191919"]Map Pin[/icon]
[icon icon="maximize" color="#ffffff" circle="#191919"]Maximize[/icon]
[icon icon="microphone" color="#ffffff" circle="#191919"]Microphone[/icon]
[icon icon="minus" color="#ffffff" circle="#191919"]Minus[/icon]
[icon icon="minuscircle" color="#ffffff" circle="#191919"]Minus Circle[/icon]
[icon icon="moon" color="#ffffff" circle="#191919"]Moon[/icon]
[icon icon="mouse" color="#ffffff" circle="#191919"]Mouse[/icon]
[icon icon="music" color="#ffffff" circle="#191919"]Music[/icon]
[icon icon="musicnote" color="#ffffff" circle="#191919"]Music Note[/icon]
[icon icon="newwindow" color="#ffffff" circle="#191919"]New Window[/icon]
[icon icon="nexttrack" color="#ffffff" circle="#191919"]Next Track[/icon]
[icon icon="palette" color="#ffffff" circle="#191919"]Palette[/icon]
[icon icon="pause" color="#ffffff" circle="#191919"]Pause[/icon]
[icon icon="phone" color="#ffffff" circle="#191919"]Phone[/icon]
[icon icon="photos" color="#ffffff" circle="#191919"]Photos[/icon]
[icon icon="play" color="#ffffff" circle="#191919"]Play[/icon]
[icon icon="plus" color="#ffffff" circle="#191919"]Plus[/icon]
[icon icon="pluscircle" color="#ffffff" circle="#191919"]Plus Circle[/icon]
[icon icon="portrait" color="#ffffff" circle="#191919"]Portrait[/icon]
[icon icon="previoustrack" color="#ffffff" circle="#191919"]Previous Track[/icon]
[icon icon="printer" color="#ffffff" circle="#191919"]Printer[/icon]
[icon icon="profile" color="#ffffff" circle="#191919"]Profile[/icon]
[icon icon="questioncircle" color="#ffffff" circle="#191919"]Question Circle[/icon]
[icon icon="questionmark" color="#ffffff" circle="#191919"]Question Mark[/icon]
[icon icon="record" color="#ffffff" circle="#191919"]Record[/icon]
[icon icon="rightarrow" color="#ffffff" circle="#191919"]Right Arrow[/icon]
[icon icon="rightarrowcircle" color="#ffffff" circle="#191919"]Right Arrow Circle[/icon]
[icon icon="rightarrowsmall" color="#ffffff" circle="#191919"]Right Arrow Small[/icon]

[/one_fourth]

[one_fourth_last]

[icon icon="rightquote" color="#ffffff" circle="#191919"]Right Quote[/icon]
[icon icon="rings" color="#ffffff" circle="#191919"]Rings[/icon]
[icon icon="roadsign" color="#ffffff" circle="#191919"]Road Sign[/icon]
[icon icon="rss" color="#ffffff" circle="#191919"]RSS[/icon]
[icon icon="signal" color="#ffffff" circle="#191919"]Signal[/icon]
[icon icon="smartphone" color="#ffffff" circle="#191919"]Smartphone[/icon]
[icon icon="star" color="#ffffff" circle="#191919"]Star[/icon]
[icon icon="stop" color="#ffffff" circle="#191919"]Stop[/icon]
[icon icon="tag" color="#ffffff" circle="#191919"]Tag[/icon]
[icon icon="thumbsup" color="#ffffff" circle="#191919"]Thumbs Up[/icon]
[icon icon="trash" color="#ffffff" circle="#191919"]Trash[/icon]
[icon icon="trophy" color="#ffffff" circle="#191919"]Trophy[/icon]
[icon icon="unlock" color="#ffffff" circle="#191919"]Unlock[/icon]
[icon icon="uparrow" color="#ffffff" circle="#191919"]Up Arrow[/icon]
[icon icon="uparrowcircle" color="#ffffff" circle="#191919"]Up Arrow Circle[/icon]
[icon icon="uparrowsmall" color="#ffffff" circle="#191919"]Up Arrow Small[/icon]
[icon icon="upload" color="#ffffff" circle="#191919"]Upload[/icon]
[icon icon="user" color="#ffffff" circle="#191919"]User[/icon]
[icon icon="usergroup" color="#ffffff" circle="#191919"]Usergroup[/icon]
[icon icon="video" color="#ffffff" circle="#191919"]Video[/icon]
[icon icon="volume" color="#ffffff" circle="#191919"]Volume[/icon]
[icon icon="volumeoff" color="#ffffff" circle="#191919"]Volume Off[/icon]
[icon icon="volumeon" color="#ffffff" circle="#191919"]Volume On[/icon]
[icon icon="widewindow" color="#ffffff" circle="#191919"]Wide Window[/icon]
[icon icon="window" color="#ffffff" circle="#191919"]Window[/icon]
[icon icon="write" color="#ffffff" circle="#191919"]Write[/icon]
[icon icon="xmark" color="#ffffff" circle="#191919"]X Mark[/icon]
[icon icon="xmarkcircle" color="#ffffff" circle="#191919"]X Mark Circle[/icon]
[icon icon="zoomin" color="#ffffff" circle="#191919"]Zoom In[/icon]
[icon icon="zoomout" color="#ffffff" circle="#191919"]Zoom Out[/icon]

[/one_fourth_last]
[/raw]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>