Menu

Icon
An icon is a glyph used to represent something else

Download

Icon Set

An icon set contains an arbitrary number of glyphs

Icons serve a very similar function to text in a page. In Semantic icons receive a special tag <i> which allow for an abbreviated markup when sitting along-side text.
Semantic includes a complete port of Font Awesome 4.5.6 designed by Dave Gandy for its standard icon set.

Web Content

Icons can represent types of content found on websites

Add To Calendar
Alarm
Alarm Outline
Alarm Mute Outline
Alarm Mute
At
Browser
Bug
Calendar Outline
Calendar
Checked Calendar
Cloud
Code
Comment Outline
Comment
Comments Outline
Comments
Copyright
Creative Commons
Dashboard
Delete Calendar
External Square
External
Eyedropper
Feed
Find
Hashtag
Heartbeat
History
Home
Hourglass Full
Hourglass Start
Hourglass Half
Hourglass End
Hourglass Empty
Idea
Image
Inbox
Industry
Lab
Mail Outline
Mail Square
Mail
Mouse Pointer
Options
Paint Brush
Payment
Percent
Privacy
Protect
Registered
Remove From Calendar
Search
Setting
Settings
Shop
Shopping Bag
Shopping Basket
Signal
Sitemap
Tag
Tags
Tasks
Terminal
Text Telephone
Ticket
Trademark
Trophy
Wifi

User Actions

Icons can represent common actions a user can take

Add To Cart
Add User
Adjust
Archive
Ban
Bookmark
Call
Call Square
Clone
Cloud Download
Cloud Upload
Talk
Talk Outline
Compress
Configure
Download
Edit
Erase
Exchange
Expand
External Share
Filter
Hide
In Cart
Lock
Mail Forward
Object Group
Object Ungroup
Pin
Print
Random
Recycle
Refresh
Remove Bookmark
Remove User
Repeat
Reply All
Reply
Retweet
Send
Send Outline
Share Alternate
Share Alternate Square
Share
Share Square
Sign In
Sign Out
Theme
Translate
Undo
Unhide
Unlock Alternate
Unlock
Upload
Wait
Wizard
Write
Write Square

Message

Icons can alert users to the type of message being displayed

Announcement
Birthday
Help Circle
Help Circle Outline
Help
Info Circle
Info
Warning Circle
Warning
Warning Sign

User Types

Icons can represent types of people

Child
Doctor
Handicap
Spy
Student
User
Users

Gender & Sexuality

Icons can represent genders or types of sexuality

Female
Gay
Genderless
Heterosexual
Intergender
Lesbian
Male
Man
Neuter
Non Binary Transgender
Other Gender Horizontal
Other Gender
Other Gender Vertical
Transgender
Woman

Layout Adjustment

Icons can alert users to common ways to adjust page layouts

Block Layout
Crop
Grid Layout
List Layout
Maximize
Resize Horizontal
Resize Vertical
Zoom
Zoom Out

Objects

Icons can be used to represent common objects

Anchor
Bar
Bomb
Book
Bullseye
Calculator
Cocktail
Diamond
Fax
Fire Extinguisher
Fire
Flag Checkered
Flag
Flag Outline
Gift
Hand Lizard
Hand Peace
Hand Paper
Hand Pointer
Hand Rock
Hand Scissors
Hand Spock
Law
Leaf
Legal
Lemon
Life Ring
Lightning
Magnet
Money
Moon
Plane
Puzzle
Road
Rocket
Shipping
Soccer
Sticky Note
Sticky Note Outline
Suitcase
Sun
Travel
Treatment
Umbrella
World

Shapes

Icons can be used to create shapes

Asterisk
Certificate
Circle
Circle Notched
Circle Thin
Crosshairs
Cube
Cubes
Ellipsis Horizontal
Ellipsis Vertical
Quote Left
Quote Right
Spinner
Square
Square Outline

Item Selection

Icons can show whether an item is included in a set

Add Circle
Add Square
Check Circle
Check Circle Outline
Check Square
Checkmark Box
Checkmark
Minus Circle
Minus
Minus Square
Minus Square Outline
Move
Plus
Plus Square Outline
Radio
Remove Circle
Remove Circle Outline
Remove
Selected Radio
Toggle Off
Toggle On

Media

Icons can represent common media types

Area Chart
Bar Chart
Camera Retro
Newspaper
Film
Line Chart
Photo
Pie Chart
Sound

Pointers

Icons can be used to indicate a direction

Angle Double Down
Angle Double Left
Angle Double Right
Angle Double Up
Angle Down
Angle Left
Angle Right
Angle Up
Arrow Circle Down
Arrow Circle Left
Arrow Circle Outline Down
Arrow Circle Outline Left
Arrow Circle Outline Right
Arrow Circle Outline Up
Arrow Circle Right
Arrow Circle Up
Arrow Down
Arrow Left
Arrow Right
Arrow Up
Caret Down
Caret Left
Caret Right
Caret Up
Chevron Circle Down
Chevron Circle Left
Chevron Circle Right
Chevron Circle Up
Chevron Down
Chevron Left
Chevron Right
Chevron Up
Long Arrow Down
Long Arrow Left
Long Arrow Right
Long Arrow Up
Pointing Down
Pointing Left
Pointing Right
Pointing Up
Toggle Down
Toggle Left
Toggle Right
Toggle Up

Mobile

Icons can represent mobile devices, types of content found on mobile devices.

Mobile
Tablet
Battery Empty
Battery Full
Battery Low
Battery Medium

Computer

Icons can represent computing devices, or types of content found on a computer.

Desktop
Disk Outline
Game
High Battery
Keyboard
Laptop
Plug
Power

Computer and File System

Icons can represent elements of a computer and its file system

File Archive Outline
File Audio Outline
File Code Outline
File Excel Outline
File
File Image Outline
File Outline
File Pdf Outline
File Powerpoint Outline
File Text
File Text Outline
File Video Outline
File Word Outline
Folder
Folder Open
Folder Open Outline
Folder Outline
Level Down
Level Up
Trash
Trash Outline

Technologies

Icons can represent common technologies

Barcode
Bluetooth Alternative
Bluetooth
Css3
Database
Fork
Html5
Openid
Qrcode
Rss
Rss Square
Server
Usb

Rating

Icons can be used to represent users attitude towards content

Empty Heart
Empty Star
Frown
Heart
Meh
Smile
Star Half Empty
Star Half
Star
Thumbs Down
Thumbs Outline Down
Thumbs Outline Up
Thumbs Up

Audio

Icons can be used to represent common ways to interact with audio

Backward
Closed Captioning
Eject
Fast Backward
Fast Forward
Forward
Music
Mute
Pause Circle
Pause Circle Outline
Pause
Play
Record
Step Backward
Step Forward
Stop Circle
Stop Circle Outline
Stop
Unmute
Video Play
Video Play Outline
Volume Down
Volume Off
Volume Up

Map

Icons can be used to represent elements on a map

Bicycle
Building
Building Outline
Bus
Car
Coffee
Compass
Emergency
First Aid
Food
H
Hospital
Hotel
Location Arrow
Map
Map Outline
Map Pin
Map Signs
Marker
Military
Motorcycle
Paw
Ship
Space Shuttle
Spoon
Street View
Subway
Taxi
Train
TV
Tree
University

Tables

Icons can be used to represent common actions inside a table

Columns
Sort Alphabet Ascending
Sort Alphabet Descending
Sort Ascending
Sort Content Ascending
Sort Content Descending
Sort Descending
Sort
Sort Numeric Ascending
Sort Numeric Descending
Table

Text Editor

Icons can represent common actions when editing text

Align Center
Align Justify
Align Left
Align Right
Attach
Bold
Content
Copy
Cut
Font
Header
Indent
Italic
Linkify
List
Ordered List
Outdent
Paragraph
Paste
Save
Strikethrough
Subscript
Superscript
Text Cursor
Text Height
Text Width
Underline
Unlinkify
Unordered List

Currency

Icons can represent units of currency

Bitcoin
Dollar
Euro
Lira
Pound
Ruble
Rupee
Shekel
Won
Yen

Payment Options

Icons can represent common forms of payment

American Express
Credit Card Alternative
Diners Club
Discover
Google Wallet
Japan Credit Bureau
Mastercard
Paypal Card
Paypal
Stripe
Visa

Accessibility

Icons can represent accessibility standards

Wheelchair
American Sign Language (ASL) Interpreting
Assistive Listening Systems
Audio Description
Blind
Braille
Deafness
Low Vision
Sign Language
Universal Access
Volume Control Phone

Brands

Icons can represent logos to common brands

500px
Adn
Amazon
Android
Angellist
Apple
Behance
Behance Square
Bitbucket
Bitbucket Square
Black Tie
Buysellads
Chrome
Codepen
Codiepie
Connectdevelop
Contao
Dashcube
Delicious
Deviantart
Digg
Dribbble
Dropbox
Drupal
Empire
Envira Gallery
Expeditedssl
Facebook
Facebook F
Facebook Square
Firefox
First Order
Flickr
Font Awesome
Fonticons
Fort Awesome
Forumbee
Foursquare
Gg
Gg Circle
Git
Git Square
Github
Github Alternate
Github Square
Gitlab
Gittip
Glide
Glide G
Google
Google Plus
Google Plus Circle
Google Plus Square
Hacker News
Houzz
Instagram
Internet Explorer
Ioxhost
Joomla
Jsfiddle
Lastfm
Lastfm Square
Leanpub
Linkedin
Linkedin Square
Linux
Maxcdn
Meanpath
Medium
Microsoft Edge
Mixcloud
Modx
Odnoklassniki
Odnoklassniki Square
Opencart
Opera
Optinmonster
Pagelines
Pied Piper
Pied Piper Alternate
Pied Piper Hat
Pinterest
Pinterest
Pinterest Square
Pocket
Product Hunt
Qq
Rebel
Reddit
Reddit Alien
Reddit Square
Renren
Safari
Scribd
Sellsy
Shirtsinbulk
Simplybuilt
Skyatlas
Skype
Slack
Slideshare
Snapchat
Snapchat Ghost
Snapchat Square
Soundcloud
Spotify
Stack Exchange
Stack Overflow
Steam
Steam Square
Stumbleupon
Stumbleupon Circle
Tencent Weibo
Themeisle
Trello
Tripadvisor
Tumblr
Tumblr Square
Twitch
Twitter
Twitter Square
Viacoin
Viadeo
Viadeo Square
Vimeo
Vimeo Square
Vine
Vk
Wechat
Weibo
Whatsapp
Wikipedia
Windows
Wordpress
Wpbeginner
Wpforms
Xing
Xing Square
Y Combinator
Yahoo
Yelp
Yoast
Youtube
Youtube Play
Youtube Square

States

Disabled

An icon can show that it is disabled

Loading

An icon can be used as a simple loader

Variations

Fitted

An icon can be fitted, without any space to the left or right of it.

Tight spacing Tight spacing

Size

An icon can vary in size






Link

An icon can be formatted as a link

Flipped

An icon can be flipped

Rotated

An icon can be rotated

Circular

An icon can be formatted to appear circular

Bordered

In 0.x.x bordered was formally known as squared

An icon can be formatted to appear bordered

Colored

An icon can be formatted with different colors

Inverted

An icon can have its colors inverted for contrast

Groups

Icons

Several icons can be used together as a group

Corner Icon

A group of icons can display a smaller corner icon

Add on Twitter

Dimmer Message
Dimmer sub-header