Icons

Code

Overview
Usage
Icon Sizes
Font Compression
Custom Font Sizes
Create Your Own Font
Categories

Icon Categories

Arrows (38)
Browsers (25)
Charts & Graphs (19)
Computer Hardware (10)
Ecommerce (9)
File Formats (45)
Folders (6)

Location (7)
Logos (37)
Media (36)
Mobile (51)
Operating Systems (30)
Productivity (39)
Programming (24)

Science (27)
Security (13)
Social (38)
Software (95)
Text Editor (48)
Users (10)
Web (16)

Overview

VM UI Framework features an extensive icon font of 326 unique icons. The icons are all original and the font was compiled using the IcoMoon font generator. An icon font has several advantages over traditional images:

Icons can be scaled to any size without sacrificing image quality.
Text effects including color, text-shadow, font-size, etc. can be applied to font icons.
One download for all icons can minimize the total page size and reduce the number of resources loaded.
Icon fonts can be compressed, whereas images cannot.

Return to top

Usage

The VM UI Icons are class-based, meaning that by assigning the proper class to an element, it will be prepended by an icon using the CSS :before pseudo-element. Every icon class starts with icon and is followed by the icon name. For example, to create the icon, the class name for the icon would be iconWorld.

Just like the rest of VM UI Framework, the class names follow camel-cased capitalization, meaning that the class name starts lower case, but the first letter of each word after that is capitalized. No hyphens or spaces are necessary.

Return to top

Icon Sizes

By default, icons come in 3 sizes: default, medium, and large. The default size doesn't need any special treatment, but to use either medium or large, simply add the size after "icon" but before the icon name in the CSS class. A size can be applied to any icon.

Icon Sizes
Class	Size (em)	Size (px)
`iconWorld`	1em	16px
`iconMediumWorld`	1.25em	20px
`iconLargeWorld`	1.5em	24px

Return to top

Font Compression

All font files can and should be compressed using Gzip compression, with the exception of files in the WOFF format. File size savings can be up to 40-70%. See Stoyan Stefanov's article, Gzip your @font-face files, and Steve Souder's article, @font-face and performance, for more information.

Return to top

Example

<!-- Default Size -->
<i class="iconWorld"></i>

<!-- Medium Size -->
<i class="iconMediumWorld"></i>

<!-- Large Size -->
<i class="iconLargeWorld"></i>

<!-- You can use any HTML element -->
<span class="iconPieChart"></span>

Custom Font Sizes

If you would like to create a custom icon size, simply create a new class using the CSS attribute selector. The class name should start with icon, followed by the name of your custom size, as detailed in the example below. You will also have to use the :before pseudo-selector. The only property that needs to be set is the font size, which should have an em based value.

[class^="iconHuge"]:before {font-size: 10.25em;}
[class^="iconTiny"]:before {font-size: 0.5em;}

Return to top

Create Your Own Font

All of the SVG images used to create the font are stored in the Images/SVG folder. You can use or edit the images to create your own fonts.

You can also import the font into the IcoMoon font generator and add or subtract icons as you need them. Note that if you want to reuse VM UI Framework's CSS code for the icons, you will need to pay close attention to the encoding for each icon and only add icons after U+e145. You will also need to select the Private Use Area (PUA) in the "Reset Encoding" dropdown.

Icon Categories

The icons have been sorted into groups below so that you can quickly find the icons you need. Icons that may fall under multiple groups will be listed more than once for convenience.

Arrows

Arrow Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconArrowUp`		\e135
`iconArrowDown`		\e13c
`iconArrowLeft`		\e13a
`iconArrowRight`		\e136
`iconArrowNS`		\e137
`iconArrowEW`		\e13b
`iconArrowDiagonalForward`		\e13d
`iconArrowDiagonalBackward`		\e13e
`iconArrowMulti`		\e139
`iconArrowMultiDiagonal`		\e138
`iconChevronUp`		\e114
`iconChevronDown`		\e117
`iconChevronLeft`		\e116
`iconChevronRight`		\e115
`iconTriangleUp`		\e01f
`iconTriangleDown`		\e022
`iconTriangleLeft`		\e021
`iconTriangleRight`		\e020
`iconCursor`		\e115
`iconFullScreen`		\e0a3
`iconMinimizeScreen`		\e077
`iconLinkExternal`		\e081
`iconCompass`		\e0fd
`iconGps`		\e09d
`iconUpload`		\e014
`iconDownload`		\e0e9
`iconCloudUp`		\e106
`iconCloudDown`		\e107
`iconUndo`		\e017
`iconRedo`		\e053
`iconStart`		\e033
`iconRewind`		\e04f
`iconForward`		\e0a4
`iconEnd`		\e0e1
`iconRefresh`		\e052
`iconReload`		\e051
`iconReconnect`		\e055
`iconShuffle`		\e041

Return to top

Browsers

Browser Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconChrome`		\e113
`iconFirefox`		\e0ae
`iconIe`		\e094
`iconOpera`		\e06b
`iconSafari`		\e049
`iconWorld`		\e004
`iconHome`		\e096
`iconArrowLeft`		\e13a
`iconArrowRight`		\e136
`iconTriangleLeft`		\e021
`iconTriangleRight`		\e020
`iconUndo`		\e017
`iconRedo`		\e053
`iconRewind`		\e04f
`iconForward`		\e0a4
`iconRefresh`		\e052
`iconReload`		\e051
`iconWrench`		\e003
`iconStar`		\e036
`iconStarEmpty`		\e035
`iconSettings1`		\e045
`iconSettings2`		\e044
`iconRss`		\e04b
`iconCursor`		\e115
`iconBookmark`		\e125

Return to top

Charts & Graphs

Chart & Graph Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconGraphUp`		\e09c
`iconGraphDown`		\e09b
`iconPieChart`		\e062
`iconBarAsc1`		\e133
`iconBarAsc2`		\e132
`iconBarDesc1`		\e131
`iconBarDesc2`		\e130
`iconCircle`		\e112
`iconCircleHalfLeft`		\e111
`iconCircleHalfRight`		\e110
`iconCircleOpen`		\e10f
`iconCircleOpenQuarterLeft`		\e10e
`iconCircleOpenQuarterRight`		\e10d
`iconCircleQuarterLeft`		\e10c
`iconCircleQuarterRight`		\e10b
`iconSignal1`		\e040
`iconSignal2`		\e03f
`iconSignal3`		\e03e
`iconSignal4`		\e03d

Return to top

Computer Hardware

Computer Hardware Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconMonitor`		\e074
`iconMouse1`		\e072
`iconMouse2`		\e071
`iconLeftClick`		\e089
`iconRightClick`		\e04e
`iconKeyboard`		\e08a
`iconMic`		\e079
`iconPrinter`		\e05c
`iconHeadphones`		\e099
`iconIphone`		\e090

Return to top

Ecommerce

Ecommerce Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconCart`		\e11d
`iconCartAdd`		\e11c
`iconCartRemove`		\e11b
`iconCredit`		\e0f8
`iconGift`		\e0a2
`iconGraphDown`		\e09b
`iconGraphUp`		\e09c
`iconStamp`		\e037
`iconTruck`		\e01e

Return to top

File Formats

File Format Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconFileAi`		\e0dc
`iconFileAsp`		\e0db
`iconFileAudio`		\e0da
`iconFileCfm`		\e0d9
`iconFileCode`		\e0d8
`iconFileCss`		\e0d7
`iconFileCsv`		\e0d6
`iconFileDoc`		\e0d5
`iconFileDtd`		\e0d4
`iconFileEps`		\e0d3
`iconFileErb`		\e0d2
`iconFileExe`		\e0d1
`iconFileFla`		\e0d0
`iconFileGif`		\e0cf
`iconFileGz`		\e0ce
`iconFileHtm`		\e0cd
`iconFileHtml`		\e0cc
`iconFileIco`		\e0cb
`iconFileImage`		\e0ca
`iconFileJpg`		\e0c9
`iconFileJs`		\e0c8
`iconFileMedia`		\e0c7
`iconFileMov`		\e0c6
`iconFileMp3`		\e0c5
`iconFileMp4`		\e0c4
`iconFileOtf`		\e0c3
`iconFilePdf`		\e0c2
`iconFilePhp`		\e0c1
`iconFilePl`		\e0c0
`iconFilePng`		\e0bf
`iconFilePpt`		\e0be
`iconFilePsd`		\e0bd
`iconFilePy`		\e0bc
`iconFileRb`		\e0bb
`iconFileRss`		\e0ba
`iconFileSettings`		\e0b9
`iconFileSql`		\e0b8
`iconFileSvg`		\e0b7
`iconFileSwf`		\e0b6
`iconFileTtf`		\e0b5
`iconFileTxt`		\e0b4
`iconFileWrench`		\e0b3
`iconFileXls`		\e0b2
`iconFileXml`		\e0b1
`iconFileZip`		\e0b0

Return to top

Folders

Folder Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconFolderOpen`		\e0a7
`iconFolderClosed`		\e0aa
`iconFolderPlus`		\e0a6
`iconFolderMinus`		\e0a8
`iconFolderUnlocked`		\e0a5
`iconFolderLocked`		\e0a9

Return to top

Location

Location Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconCompass`		\e0fd
`iconSafari`		\e049
`iconGps`		\e09d
`iconMarker`		\e07b
`iconPushpin1`		\e05b
`iconPushpin2`		\e05a
`iconWorld`		\e004

Return to top

Logos

Logo Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconAndroid`		\e140
`iconApple`		\e13f
`iconChrome`		\e113
`iconCss3`		\e0f7
`iconFacebook1`		\e0df
`iconFacebook2`		\e0de
`iconFacebook3`		\e0dd
`iconFirefox`		\e0ae
`iconFlash1`		\e0ac
`iconFlash2`		\e0ab
`iconGit`		\e0a1
`iconGithub`		\e0a0
`iconGooglePlus1`		\e09f
`iconGooglePlus2`		\e09e
`iconHtml5`		\e095
`iconIe`		\e094
`iconJava`		\e08e
`iconLinkedIn1`		\e084
`iconLinkedIn2`		\e083
`iconLinkedIn3`		\e082
`iconLinux`		\e080
`iconOpera`		\e06b
`iconPhp`		\e064
`iconPinterest`		\e061
`iconReddit`		\e054
`iconRss`		\e04b
`iconSafari`		\e049
`iconSkype`		\e03c
`iconStumbleupon`		\e030
`iconTumbler`		\e01d
`iconTwitter1`		\e01c
`iconTwitter2`		\e01b
`iconTwitter3`		\e01a
`iconUbuntu`		\e019
`iconVirtuosiMedia`		\e00b
`iconWindows`		\e006
`iconWordpress`		\e005

Return to top

Media

Media Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconCamera`		\e120
`iconCloudDown`		\e107
`iconCloudUp`		\e106
`iconDashboard1`		\e0f5
`iconDashboard2`		\e0f4
`iconDashboard3`		\e0f3
`iconFlash1`		\e0ac
`iconFlash2`		\e0ab
`iconHeadphones`		\e099
`iconMic`		\e079
`iconMonitor`		\e074
`iconMute`		\e070
`iconVolume0`		\e00a
`iconVolume1`		\e009
`iconVolume2`		\e008
`iconNote1`		\e06e
`iconNote2`		\e06d
`iconNote3`		\e06c
`iconPicture`		\e063
`iconPlay`		\e05f
`iconReconnect`		\e055
`iconShuffle`		\e041
`iconTriangleRight`		\e020
`iconSquare`		\e038
`iconStop`		\e032
`iconPause`		\e066
`iconCircle`		\e112
`iconStart`		\e033
`iconRewind`		\e04f
`iconForward`		\e0a4
`iconEnd`		\e0e1
`iconVirtuosiMedia`		\e00b
`iconVideo`		\e00c
`iconFileAudio`		\e0da
`iconFileImage`		\e0ca
`iconFileMedia`		\e0c7

Return to top

Mobile

Mobile Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconAndroid`		\e140
`iconIphone`		\e090
`iconBatteryEmpty`		\e12f
`iconBatteryFull`		\e12e
`iconBatteryHalf`		\e12d
`iconBell`		\e128
`iconBellSilent`		\e127
`iconBroadcast`		\e123
`iconCalendar`		\e121
`iconCamera`		\e120
`iconClock1`		\e10a
`iconClock2`		\e10b
`iconCompass`		\e0fd
`iconEmail`		\e0e5
`iconEmailInverse`		\e0e4
`iconEmailOpen`		\e0e2
`iconEmailInverseOpen`		\e0e3
`iconGps`		\e09d
`iconMarker`		\e07b
`iconHeadphones`		\e099
`iconMic`		\e079
`iconMute`		\e070
`iconVolume0`		\e00a
`iconVolume1`		\e009
`iconVolume2`		\e008
`iconNote1`		\e06e
`iconNote2`		\e06d
`iconNote3`		\e06c
`iconPhone`		\e065
`iconPlane`		\e060
`iconPicture`		\e063
`iconPlay`		\e05f
`iconReconnect`		\e055
`iconShuffle`		\e041
`iconTriangleRight`		\e020
`iconSquare`		\e038
`iconStop`		\e032
`iconPause`		\e066
`iconCircle`		\e112
`iconStart`		\e033
`iconRewind`		\e04f
`iconForward`		\e0a4
`iconEnd`		\e0e1
`iconVideo`		\e00c
`iconSkype`		\e03c
`iconSignal1`		\e040
`iconSignal2`		\e03f
`iconSignal3`		\e03e
`iconSignal4`		\e03d
`iconSafari`		\e049
`iconChrome`		\e113

Return to top

Operating Systems

Operating System Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconAndroid`		\e140
`iconApple`		\e13f
`iconChrome`		\e113
`iconIphone`		\e090
`iconLinux`		\e080
`iconUbuntu`		\e019
`iconWindows`		\e006
`iconPower`		\e05d
`iconCursor`		\e115
`iconTrash`		\e023
`iconMinimize`		\e078
`iconMaximize`		\e07a
`iconRestore`		\e050
`iconDelete1`		\e002
`iconMute`		\e070
`iconVolume0`		\e00a
`iconVolume1`		\e009
`iconVolume2`		\e008
`iconContrast1`		\e0fc
`iconContrast2`		\e0fb
`iconContrast3`		\e0fa
`iconClock1`		\e10a
`iconFolderOpen`		\e0a7
`iconFolderClosed`		\e0aa
`iconFind`		\e0af
`iconFileSettings`		\e0b9
`iconFileCode`		\e0d8
`iconFileAudio`		\e0da
`iconFileImage`		\e0ca
`iconFileMedia`		\e0c7

Return to top

Productivity

Productivity Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconBarAsc1`		\e133
`iconBarAsc2`		\e132
`iconBarDesc1`		\e131
`iconBarDesc2`		\e130
`iconBriefcase`		\e124
`iconCalendar`		\e121
`iconCheck1`		\e11a
`iconCheck2`		\e119
`iconCheck3`		\e118
`iconClock1`		\e10a
`iconClock2`		\e10b
`iconCopy`		\e0f9
`iconDownload`		\e0e9
`iconEdit1`		\e0e8
`iconEdit2`		\e0e7
`iconEdit3`		\e0e6
`iconEmail`		\e0e5
`iconEmailInverse`		\e0e4
`iconEmailOpen`		\e0e2
`iconEmailInverseOpen`		\e0e3
`iconFolderOpen`		\e0a7
`iconFolderClosed`		\e0aa
`iconGraphDown`		\e09b
`iconGraphUp`		\e09c
`iconInbox`		\e093
`iconLightbulb`		\e087
`iconLightning`		\e086
`iconPage`		\e06a
`iconPaperclip`		\e069
`iconPaste`		\e067
`iconPhone`		\e065
`iconPieChart`		\e062
`iconPrinter`		\e05c
`iconPushpin1`		\e05b
`iconPushpin2`		\e05a
`iconScissors`		\e047
`iconTodo1`		\e025
`iconTodo2`		\e024
`iconUpload`		\e014

Return to top

Programming

Programming Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconCss3`		\e0f7
`iconFlash1`		\e0ac
`iconFlash2`		\e0ab
`iconGit`		\e0a1
`iconGithub`		\e0a0
`iconHtml5`		\e095
`iconJava`		\e08e
`iconPhp`		\e064
`iconCode`		\e105
`iconBug`		\e122
`iconDatabase`		\e0f2
`iconDatabaseCheck`		\e0f1
`iconDatabaseDelete`		\e0f0
`iconDatabaseLocked`		\e0ef
`iconDatabaseMinus`		\e0ee
`iconDatabasePlus`		\e0ed
`iconDatabaseUnlocked`		\e0ec
`iconFileCode`		\e0d8
`iconKeyboard`		\e08a
`iconMonitor`		\e074
`iconMouse1`		\e072
`iconMouse2`		\e071
`iconLeftClick`		\e089
`iconRightClick`		\e04e

Return to top

Science

Science Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconBeaker1`		\e12c
`iconBeaker2`		\e12b
`iconBeaker3`		\e12a
`iconBeaker4`		\e129
`iconBug`		\e122
`iconCloud`		\e108
`iconCompass`		\e0fd
`iconDashboard1`		\e0f5
`iconDashboard2`		\e0f4
`iconDashboard3`		\e0f3
`iconEye`		\e0e0
`iconGps`		\e09d
`iconGraphUp`		\e09c
`iconGraphDown`		\e09b
`iconGrid`		\e09a
`iconLightbulb`		\e087
`iconLightning`		\e086
`iconMagnet`		\e07c
`iconMoon`		\e073
`iconPuzzle1`		\e059
`iconPuzzle2`		\e058
`iconRocket`		\e04c
`iconScissors`		\e047
`iconShare1`		\e043
`iconStar`		\e036
`iconStarEmpty`		\e035
`iconWrench`		\e003

Return to top

Security

Security Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconLocked`		\e07d
`iconUnlocked`		\e015
`iconDatabaseLocked`		\e0ef
`iconDatabaseUnlocked`		\e0ec
`iconFolderLocked`		\e0a9
`iconFolderUnlocked`		\e0a5
`iconBriefcase`		\e124
`iconCancel1`		\e11f
`iconCancel2`		\e11e
`iconKey1`		\e08c
`iconKey2`		\e08b
`iconLink`		\e085
`iconUnlink`		\e016

Return to top

Social Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconFacebook1`		\e0df
`iconFacebook2`		\e0de
`iconFacebook3`		\e0dd
`iconGit`		\e0a1
`iconGithub`		\e0a0
`iconGooglePlus1`		\e09f
`iconGooglePlus2`		\e09e
`iconLinkedIn1`		\e084
`iconLinkedIn2`		\e083
`iconLinkedIn3`		\e082
`iconPinterest`		\e061
`iconReddit`		\e054
`iconSkype`		\e03c
`iconStumbleupon`		\e030
`iconTumbler`		\e01d
`iconTwitter1`		\e01c
`iconTwitter2`		\e01b
`iconTwitter3`		\e01a
`iconBookmark`		\e125
`iconComment1`		\e104
`iconComment2`		\e103
`iconComment3`		\e102
`iconComment4`		\e101
`iconCommentMinus`		\e100
`iconCommentPlus`		\e0ff
`iconComments`		\e0fe
`iconHeart`		\e098
`iconHeartEmpty`		\e097
`iconShare1`		\e043
`iconShare2`		\e042
`iconSad`		\e04a
`iconSmiley`		\e03a
`iconStar`		\e036
`iconStarEmpty`		\e035
`iconStarHalf`		\e034
`iconThumbsDown`		\e027
`iconThumbsUp`		\e026
`iconUsers`		\e00d

Return to top

Software

Software Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconPlus`		\e05e
`iconAdd1`		\e145
`iconAdd2`		\e144
`iconMinus1`		\e076
`iconMinus2`		\e075
`iconSubtract`		\e02e
`iconCheck1`		\e11a
`iconCheck2`		\e119
`iconCheck3`		\e118
`iconDelete1`		\e002
`iconDelete2`		\e0eb
`iconDelete3`		\e0ea
`iconEdit1`		\e0e8
`iconEdit2`		\e0e7
`iconEdit3`		\e0e6
`iconNew`		\e06f
`iconCopy`		\e0f9
`iconPaste`		\e067
`iconFind`		\e0af
`iconFileSettings`		\e0b9
`iconFileWrench`		\e0b3
`iconFolderOpen`		\e0a7
`iconFolderClosed`		\e0aa
`iconFolderPlus`		\e0a6
`iconFolderMinus`		\e0a8
`iconFolderUnlocked`		\e0a5
`iconFolderLocked`		\e0a9
`iconSave`		\e048
`iconPrinter`		\e05c
`iconTrash`		\e023
`iconFlag`		\e0ad
`iconWarning`		\e007
`iconSearch`		\e046
`iconCancel1`		\e11f
`iconCancel2`		\e11e
`iconArrowUp`		\e135
`iconArrowDown`		\e13c
`iconArrowLeft`		\e13a
`iconArrowRight`		\e136
`iconArrowNS`		\e137
`iconArrowEW`		\e13b
`iconArrowDiagonalForward`		\e13d
`iconArrowDiagonalBackward`		\e13e
`iconArrowMulti`		\e139
`iconArrowMultiDiagonal`		\e138
`iconBarAsc1`		\e133
`iconBarDesc1`		\e131
`iconCalendar`		\e121
`iconChevronUp`		\e114
`iconChevronDown`		\e117
`iconChevronLeft`		\e116
`iconChevronRight`		\e115
`iconDashboard1`		\e0f5
`iconDashboard2`		\e0f4
`iconDashboard3`		\e0f3
`iconCloudUp`		\e106
`iconCloudDown`		\e107
`iconDatabase`		\e0f2
`iconDatabaseCheck`		\e0f1
`iconDatabaseDelete`		\e0f0
`iconDatabaseLocked`		\e0ef
`iconDatabaseMinus`		\e0ee
`iconDatabasePlus`		\e0ed
`iconDatabaseUnlocked`		\e0ec
`iconEmail`		\e0e5
`iconEmailInverse`		\e0e4
`iconEmailOpen`		\e0e2
`iconEmailInverseOpen`		\e0e3
`iconLocked`		\e07d
`iconUnlocked`		\e015
`iconInfo1`		\e092
`iconInfo2`		\e091
`iconQuestion1`		\e057
`iconQuestion2`		\e056
`iconTag`		\e02a
`iconTags`		\e029
`iconTodo1`		\e025
`iconTodo2`		\e024
`iconUpload`		\e014
`iconDownload`		\e0e9
`iconUser`		\e013
`iconUserBusy`		\e012
`iconUserCheck`		\e011
`iconUserDelete`		\e010
`iconUserMinus`		\e00f
`iconUserPlus`		\e00e
`iconUsers`		\e00d
`iconMute`		\e070
`iconVolume0`		\e00a
`iconVolume1`		\e009
`iconVolume2`		\e008
`iconWrench`		\e003
`iconSettings1`		\e045
`iconSettings2`		\e044
`iconZoomIn`		\e001
`iconZoomOut`		\e000

Return to top

Text Editor

Text Editor Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconBold`		\e126
`iconItalic`		\e08f
`iconUnderline`		\e018
`iconBug`		\e122
`iconCode`		\e105
`iconNew`		\e06f
`iconCopy`		\e0f9
`iconEdit2`		\e0e7
`iconFind`		\e0af
`iconSearch`		\e046
`iconPaste`		\e067
`iconScissors`		\e047
`iconSave`		\e048
`iconPrinter`		\e05c
`iconSpellcheck`		\e039
`iconStrikethrough`		\e031
`iconTextResize`		\e028
`iconSubscript`		\e02f
`iconSuperscript`		\e02d
`iconFlag`		\e0ad
`iconFlash1`		\e0ac
`iconFlash2`		\e0ab
`iconGraphUp`		\e09c
`iconGraphDown`		\e09b
`iconPieChart`		\e062
`iconInfo1`		\e092
`iconInfo2`		\e091
`iconQuestion1`		\e057
`iconQuestion2`		\e056
`iconJustify`		\e08d
`iconAlignCenter`		\e143
`iconAlignLeft`		\e142
`iconAlignRight`		\e141
`iconTabLeft`		\e02c
`iconTabRight`		\e02b
`iconLeftQuote`		\e088
`iconRightQuote`		\e04d
`iconLink`		\e085
`iconUnlink`		\e016
`iconListOrdered`		\e07f
`iconListUnordered`		\e07e
`iconPage`		\e06a
`iconParagraph`		\e068
`iconPicture`		\e063
`iconSmiley`		\e03a
`iconUndo`		\e017
`iconRedo`		\e053
`iconBackslash`		\e134
`iconSlash`		\e03b

Return to top

Users

User Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconUser`		\e013
`iconUserBusy`		\e012
`iconUserCheck`		\e011
`iconUserDelete`		\e010
`iconUserMinus`		\e00f
`iconUserPlus`		\e00e
`iconUsers`		\e00d
`iconStamp`		\e037
`iconSad`		\e04a
`iconSmiley`		\e03a

Return to top

Web

Web Icons
CSS Class	HTML Entity Code	CSS Content Code
`iconWorld`		\e004
`iconChrome`		\e113
`iconFirefox`		\e0ae
`iconIe`		\e094
`iconOpera`		\e06b
`iconSafari`		\e049
`iconLink`		\e085
`iconUnlink`		\e016
`iconCloudUp`		\e106
`iconCloudDown`		\e107
`iconHtml5`		\e095
`iconCss3`		\e0f7
`iconPage`		\e06a
`iconFlash1`		\e0ac
`iconFlash2`		\e0ab
`iconJava`		\e08e

Return to top

Icons

Code

Icon Categories

Overview

Usage

Icon Sizes

Font Compression

Example

Custom Font Sizes

Create Your Own Font

Icon Categories

Arrows

Browsers

Charts & Graphs

Computer Hardware

Ecommerce

File Formats

Folders

Location

Logos

Media

Mobile

Operating Systems

Productivity

Programming

Science

Security

Social

Software

Text Editor

Users

Web

Want to continue the tour?