Icons at a Glance

Actions

•  Action

  Share

  .icon-action
  content: "\EE00";
  

• 🚫 Ban

  forbidden, no, not allowed, disallowed do not

  .icon-ban
  content: "\1F6AB";
  🚫

• 🔖 Bookmark

  .icon-bookmark
  content: "\1F516";
  🔖

•  Close

  .icon-close
  content: "\E421";
  

• ␡ Delete

  close, x, stop

  .icon-delete
  content: "\2421";
  ␡

•  Download

  .icon-download
  content: "\EB01";
  

•  Download Box

  download, isometric

  .icon-downloadbox
  content: "\EB02";
  

• 👍 Like

  thumbs up

  .icon-like
  content: "\1F44D";
  👍

•  Like Alt

  thumbs up

  .icon-like-alt
  content: "\1F44B";
  

• 👎 Dislike

  thumbs down

  .icon-dislike
  content: "\1F44E";
  👎

•  Menu

  hamburger

  .icon-menu
  content: "\E9A1";
  

• + Plus

  expand

  .icon-plus
  content: "\002B";+

• - Hyphen

  minus, contract

  .icon-hyphen
  content: "\002D";-

• ⎙ Print

  .icon-print
  content: "\2399";
  ⎙

• ↪ Redirect

  pop out, new window

  .icon-redirect
  content: "\21AA";
  ↪

• ↻ Refresh

  reload

  .icon-refresh
  content: "\21BB";
  ↻

• ↺ Replay

  rewind

  .icon-replay
  content: "\21BA";
  ↺

•  Share

  .icon-share
  content: "\F601";
  

• 🔎 Search

  magnifying glass

  .icon-search
  content: "\1F50E";
  🔎

• ⚙ Settings

  gear, cog

  .icon-settings
  content: "\2699";
  ⚙

•  Sync

  .icon-sync
  content: "\EB82";
  

• ⋆ Star

  favorite

  .icon-star
  content: "\22C6";
  ⋆

•  Tag

  .icon-tag
  content: "\E100";
  

•  Upload

  .icon-upload
  content: "\EB41";
  

•  Upload to Cloud

  .icon-uploadcloud
  content: "\EB40";
  

Arrows

•  Contract

  collapse, compress

  .icon-contract
  content: "\EE01";
  

• ⤢ Expand

  directional arrow, diagonal

  .icon-expand
  content: "\2922";
  ⤢

•  Scale Down

  collapse, minimize

  .icon-scaledown
  content: "\EE05";
  

•  Scale Up

  expand, fullscreen

  .icon-scaleup
  content: "\EE04";
  

• ⬆ Up

  directional

  .icon-up
  content: "\2806";
  ⬆

• ➡ Right

  directional

  .icon-right
  content: "\27A1";
  ➡

• ⬇ Down

  directional

  .icon-down
  content: "\2B07";
  ⬇

• ⬅ Left

  directional

  .icon-left
  content: "\2B05";
  ⬅

• ▴ Direct Up

  arrow, collapse

  .icon-directup
  content: "\25B4";
  ▴

• ▹ Direct Right

  arrow, play, forward

  .icon-directright
  content: "\25B9";
  ▹

• ▾ Drop Down

  arrow, expand, reveal

  .icon-dropdown
  content: "\25BE";
  ▾

• ◃ Direct Left

  .icon-directleft
  content: "\25C3";
  ◃

•  Navigate Up

  .icon-navigateup
  content: "\F500";
  

• ▻ Navigate Right

  .icon-navigateright
  content: "\25BB";
  ▻

•  Navigate Down

  .icon-navigatedown
  content: "\F501";
  

• ◅ Navigate Left

  .icon-navigateleft
  content: "\25C5";
  ◅

Charts, Graphs, & Data

•  Calculator

  .icon-calculator
  content: "\E551";
  

• 📊 Bar Chart

  bar graph

  .icon-barchart
  content: "\1F4CA";
  📊

•  Pie Chart

  .icon-piechart
  content: "\E570";
  

•  Stock

  presentation, graph

  .icon-stock
  content: "\E579";
  

Communication

• ✉ Envelope

  email, mail, contact

  .icon-envelope
  content: "\2709";
  ✉

• 📞 Phone

  contact

  .icon-phone
  content: "\1F4DE";
  📞

•  RSS

  .icon-rss
  content: "\E310";
  

• RSS Alt

  .icon-rss-alt
  content: "\E31A";
  

• ☎ Rotary Phone

  telephone

  .icon-rotaryphone
  content: "\260E";
  ☎

Documents

• 🔛 Link

  paperclip

  .icon-link
  content: "\1F51B";
  🔛

•  Link Alt

  .icon-link-alt
  content: "\F699";
  

• 📄 File

  page, document

  .icon-file
  content: "\1F4C4";
  📄

•  Files

  documents, pages

  .icon-files
  content: "\EC00";
  

• 📁 Folder

  .icon-folder
  content: "\1F4C1";
  📁

•  Index

  files, file box

  .icon-index
  content: "\E902";
  

•  Storage Box

  .icon-storagebox
  content: "\E901";
  

eCommerce

•  Burst

  promotion, star special, sticker

  .icon-burst
  content: "\F552";
  

•  Cart

  filled, full cart

  .icon-cart
  content: "\E500";
  

• 💳 Credit Card

  payment

  .icon-creditcard
  content: "\1F4B3";
  💳

•  Empty Cart

  .icon-emptycart
  content: "\E507";
  

Editing

• 📝 Compose

  write, edit

  .icon-compose
  content: "\1F4DD";
  📝

•  Grid

  layout 9

  .icon-grid
  content: "\E9A0";
  

•  Index

  file box

  .icon-index
  content: "\E902";
  

• ⚑ Flag

  important, mark

  .icon-flag
  content: "\2691";
  ⚑

•  Layers

  multiple, windows

  .icon-layers
  content: "\E202";
  

•  Layout

  .icon-layout
  content: "\E202";
  

•  List

  .icon-list
  content: "\ED50";
  

• ↩ Reply

  .icon-reply
  content: "\21A9";
  ↩

•  Thumbnails

  grid 4

  .icon-thumbnails
  content: "\E9A3";
  

• ✎ Write

  pencil

  .icon-write
  content: "\270E";
  ✎

Location

•  Compass

  safari

  .icon-compass
  content: "\E671";
  

• ⌖ Crosshair

  .icon-crosshair
  content: "\2316";
  ⌖

• 🌐 Globe

  .icon-globe
  content: "\1F310";
  🌐

•  Location

  map pin

  .icon-location
  content: "\E6D0";
  

•  Map

  .icon-map
  content: "\E673";
  

•  Navigate

  .icon-navigate
  content: "\E670";
  

•  Sign Post

  .icon-signpost
  content: "\E672";
  

Media

• ▶ Play

  .icon-play
  content: "\25B6";
  ▶

•  Pause

  .icon-pause
  content: "\E8A0";
  

• ■ Stop

  .icon-stop
  content: "\25A0";
  ■

• ⏪ Rewind

  .icon-rewind
  content: "\23EA";
  ⏪

• ⏩ Fast Forward

  .icon-fastforward
  content: "\29E3";
  ⏩

• ⏮ Skip to Beginning

  .icon-skipback
  content: "\23EE";
  ⏮

• ⏭ Skip to End

  .icon-skipforward
  content: "\23ED";
  ⏭

• ● Record

  .icon-record
  content: "\25CF";
  ●

• 🔈 Volume

  .icon-volume
  content: "\1F508";
  🔈

• 📷 Camera

  .icon-camera
  content: "\1F4F7";
  📷

• 🎧 Headphones

  .icon-headphones
  content: "\1F3A7";
  🎧

• 🎤 Mic

  .icon-mic
  content: "\1F3A4";
  🎤

• ♫ Music

  .icon-music
  content: "\266B";
  ♫

• 🌄 Picture

  photo, landscape

  .icon-picture
  content: "\1F304";
  🌄

• 📹 Video

  .icon-video
  content: "\1F4F9";
  📹

Objects

• 📕 Book

  .icon-book
  content: "\1F4D5";
  📕

• 📦 Box

  .icon-box
  content: "\1F4E6";
  📦

• 💼 Briefcase

  career

  .icon-briefcase
  content: "\1F4BC";
  💼

• 🐛 Bug

  .icon-bug
  content: "\1F41B";
  🐛

• 💬 Chat

  speech bubble

  .icon-chat
  content: "\1F4AC";
  💬

• 📋 Clipboard

  copy

  .icon-clipboard
  content: "\1F4CB";
  📋

•  Code

  close tag

  .icon-code
  content: "\E780";
  

• 📇 Contacts

  address book

  .icon-contacts
  content: "\1F4C7";
  📇

•  Dashboard

  speedometer

  .icon-dashboard
  content: "\F000";
  

•  Flask

  laboratory, beaker, science

  .icon-flask
  content: "\F4C0";
  

• ♥ Heart

  love, favorite

  .icon-heart
  content: "\2665";
  ♥

• ⌂ Home

  house

  .icon-home
  content: "\2302";
  ⌂

• 🔑 Key

  security

  .icon-key
  content: "\1F511";
  🔑

• 💡 Lightbulb

  .icon-lightbulb
  content: "\1F4A1";
  💡

• ☇ Lightning

  .icon-lightning
  content: "\2607";
  ☇

• 🔒 Lock

  security

  .icon-lock
  content: "\1F512";
  🔒

• 🔓 Unlock

  .icon-unlock
  content: "\1F513";
  🔓

• 📓 Notebook

  calendar

  .icon-notebook
  content: "\1F4D3";
  📓

• 🔔 Notifications

  bell, alarm

  .icon-notifications
  content: "\1F514";
  🔔

• 📍 Pin

  pushpin

  .icon-pin
  content: "\1F4CD";
  📍

•  Pinboard

  .icon-pinboard
  content: "\F654";
  

•  Planet

  space

  .icon-planet
  content: "\F280";
  

• 💩 Poo

  .icon-poo
  content: "\1F4A9";
  💩

•  Puzzle

  .icon-puzzle
  content: "\E710"}
  

•  Rhett

  .icon-rhett
  content: "\F701"}
  

• ♻ Recycle

  .icon-recycle
  content: "\267B"}
  ♻

• ♼ Recycle Alt

  .icon-recycle
  content: "\267C"}
  ♼

•  Screwdriver

  tools

  .icon-screwdriver
  content: "\F037";
  

•  Storage Box

  .icon-storagebox
  content: "\E901";
  

•  Thermometer

  temperature

  .icon-thermometer
  content: "\F201";
  

•  Toolbox

  .icon-toolbox
  content: "\F030";
  

• 👤 User

  person

  .icon-user
  content: "\1F464";
  👤

• 👥 Users

  people

  .icon-users
  content: "\1F465";
  👥

• 🍴 Utensils

  fork, knife, dining

  .icon-utensils
  content: "\1F374";
  🍴

• 👀 View

  eye

  .icon-view
  content: "\1F440";
  👀

• 🔧 Wrench

  tools

  .icon-wrench
  content: "\1F527";
  🔧

• ♿ Wheelchair

  accessibility

  .icon-wheelchair
  content: "\267F";
  ♿

Social Media

•  Bluesky

  Bluesky

  .icon-bluesky
  content: "\F652";
  

•  Dropbox

  .icon-dropbox
  content: "\F653";
  

•  Dropbox Alt

  .icon-dropbox-alt
  content: "\F65A";
  

•  Facebook

  .icon-facebook
  content: "\F610";
  

•  Facebook Alt

  .icon-facebook-alt
  content: "\F61A";
  

•  Flickr

  .icon-flickr
  content: "\F640";
  

•  Flickr Alt

  .icon-flickr-alt
  content: "\F644";
  

•  Foursquare

  .icon-foursquare
  content: "\F690";
  

•  Foursquare Alt

  .icon-foursquare-alt
  content: "\F691";
  

•  Github

  .icon-github
  content: "\F670";
  

•  Github Alt

  .icon-github-alt
  content: "\F671";
  

•  Google+

  .icon-googleplus
  content: "\F613";
  

•  Google+ Alt

  .icon-googleplus-alt
  content: "\F614";
  

•  Instagram

  .icon-instagram
  content: "\F641";
  

•  Instagram Alt

  .icon-instagram-alt
  content: "\F64A";
  

•  Kickstarter

  .icon-kickstarter
  content: "\F681";
  

•  Kickstarter Alt

  .icon-kickstarter-alt
  content: "\F68A";
  

•  LinkedIn

  .icon-linkedin
  content: "\F612";
  

•  LinkedIn Alt

  .icon-linkedin-alt
  content: "\F61E";
  

•  Medium

  .icon-medium
  content: "\F23A";
  

•  Medium Alt

  .icon-medium-alt
  content: "\F23B";
  

•  Paypal

  .icon-paypal
  content: "\F680";
  

•  Paypal Alt

  .icon-paypal-alt
  content: "\F68B";
  

•  Pinterest

  .icon-pinterest
  content: "\F650";
  

•  Pinterest Alt

  .icon-pinterest-alt
  content: "\F651";
  

•  Pocket

  .icon-pocket
  content: "\F634";
  

•  Pocket Alt

  .icon-pocket-alt
  content: "\F635";
  

•  Reddit

  .icon-reddit
  content: "\F616";
  

•  Reddit Alt

  .icon-reddit-alt
  content: "\F617";
  

•  Renren

  .icon-renren
  content: "\F61C";
  

•  Retweet

  .icon-retweet
  content: "\F600";
  

•  Skype

  .icon-skype
  content: "\F636";
  

•  Skype Alt

  .icon-skype-alt
  content: "\F637";
  

•  Snapchat

  .icon-snapchat
  content: "\F2AC";
  

•  Snapchat Alt

  .icon-snapchat-alt
  content: "\F2AB";
  

•  Soundcloud

  .icon-soundcloud
  content: "\F6B3";
  

•  Soundcloud Alt

  .icon-soundcloud-alt
  content: "\F6B4";
  

•  Spotify

  .icon-spotify
  content: "\F6B1";
  

•  Stack Exchange

  .icon-stackexchange
  content: "\F673";
  

•  Stack Exchange Alt

  .icon-stackexchange-alt
  content: "\F67B";
  

•  Stack Overflow

  .icon-stackoverflow
  content: "\F672";
  

•  Stack Overflow Alt

  .icon-stackoverflow-alt
  content: "\F67A";
  

•  Stumbleupon

  .icon-stumbleupon
  content: "\F63A";
  

•  Stumbleupon

  .icon-stumbleupon-alt
  content: "\F63D";
  

•  Telegram

  .icon-telegram
  content: "\F638";
  

•  Telegram Alt

  .icon-telegram-alt
  content: "\F639";
  

•  Tik Tok

  .icon-tiktok
  content: "\F6C8";
  

•  Tik Tok Alt

  .icon-tiktok-alt
  content: "\F6C9";
  

•  Twitter

  formerly Twitter

  .icon-twitter
  content: "\F611";
  

•  Twitter Alt

  formerly Twitter

  .icon-twitter-alt
  content: "\F62B";
  

•  Tumblr

  .icon-tumblr
  content: "\F620";
  

•  Tumblr Alt

  .icon-tumblr-alt
  content: "\F62A";
  

•  Vimeo

  .icon-vimeo
  content: "\F631";
  

•  Vimeo Alt

  .icon-vimeo-alt
  content: "\F63C";
  

•  Vine

  .icon-vine
  content: "\F633";
  

•  Vine Alt

  .icon-vine-alt
  content: "\F63B";
  

•  WeChat

  .icon-wechat
  content: "\F6C4";
  

•  WeChat Alt

  .icon-wechat-alt
  content: "\F6C5";
  

•  Weibo

  .icon-weibo
  content: "\F61B";
  

•  Weibo Alt

  .icon-weibo-alt
  content: "\F61D";
  

•  WhatsApp

  .icon-whatsapp
  content: "\F642";
  

•  WhatsApp Alt

  .icon-whatsapp-alt
  content: "\F643";
  

•  Wordpress

  .icon-wordpress
  content: "\F621";
  

•  X

  .icon-x
  content: "\F615";
  

•  X Alt

  .icon-x-alt
  content: "\F62B";
  

•  Youtube

  .icon-youtube
  content: "\F630";
  

•  Youtube Alt

  .icon-youtube-alt
  content: "\F632";
  

Status

• ⚠ Alert

  warning, exclamation

  .icon-alert
  content: "\26A0";
  ⚠

• ✓ Check

  done, complete

  .icon-check
  content: "\2713";
  ✓

• ℹ Info

  information

  .icon-info
  content: "\2139";
  ℹ

• ❓ Question

  Help, Question Mark

  .icon-questionmark
  content: "\2753";
  ❓

• 📢 Megaphone

  announcement, megasigh

  .icon-megaphone
  content: "\1F4E2";
  📢

Technology

•  Android

  technology, android

  .icon-android
  content: "\F6F3";
  

•  Apple Inc

  technology, apple

  .icon-appleinc
  content: "\F8FF";
  

• 💻 Desktop

  screen, desktop, television

  .icon-desktop
  content: "\1F4BB";
  💻

• ☁ Cloud

  .icon-cloud
  content: "\2601";
  ☁

•  Laptop

  .icon-laptop
  content: "\EA00";
  

•  Tablet

  .icon-tablet
  content: "\EA01";
  

•  Smartphone

  .icon-smartphone
  content: "\EA02";
  

• 📺 TV

  television

  .icon-tv
  content: "\1F4FA";
  📺

•  Wifi

  internet, signal

  .icon-wifi
  content: "\EB84";
  

Time & Date

• 📅 Calendar

  .icon-calendar
  content: "\1F4C5";
  📅

• ⏲ Clock

  time

  .icon-clock
  content: "\23F2";
  ⏲

• ⌚ Watch

  time

  .icon-watch
  content: "\231A";
  ⌚

• ∞ Infinity

  infinite

  .icon-infinity
  content: "\221E";
  ∞

Transportation

• 🚲 Bike

  .icon-bike
  content: "\1F6B2";
  🚲

• 🚘 Car

  parking, auto

  .icon-car
  content: "\1F698";
  🚘

• ✈ Plane

  airplane

  .icon-plane
  content: "\2708";
  ✈

User Interface

•  Filter

  .icon-filter
  content: "\ED51";
  

•  Checkbox - Empty

  This icon should only be used for styling form elements.

  .icon-checkbox-empty
  content: "\ED52";
  

•  Checkbox - Filled

  This icon should only be used for styling form elements.

  .icon-checkbox-filled
  content: "\ED53";
  

•  Radio - Empty

  This icon should only be used for styling form elements.

  .icon-radio-empty
  content: "\ED54";
  

•  Radio - Filled

  This icon should only be used for styling form elements.

  .icon-radio-filled
  content: "\ED55";
  

•  BU Hub Wordmark

  This icon is reserved for official BU Hub use only.

  .icon-buhub
  content: "\F700";
  

•  BU Hub Alt

  This icon is reserved for official BU Hub use only.

  .icon-buhub
  content: "\F702";
  

Font Awesome adaptations

•  X

  This icon is adapted to fit with Font Awesome icons.

  .icon-x
  content: "\F703";
  

•  Bluesky

  This icon is adapted to fit with Font Awesome icons.

  .icon-bluesky
  content: "\F704";
  