Need an icon?

Off the Shelf comes with the popular Font Awesome Icon library


This icon font includes over 500 different icons and gets updated constantly. Including an icon into your project is easy, just select the icon you want, the color and size, you are done.


Icons

The icon widget lets you include icons very easily, just select the icon, size and color and you are ready to go


Payment Icons

Selling a product? Include stylish Payment icons to showcase which payment methods you offer

  • 2Checkout
  • Amazon
  • American Express
  • Bitcoin
  • Cirrus
  • Credit Card (Generic)
  • Discover
  • eBay
  • Google Wallet
  • Maestro
  • MasterCard
  • PayPal
  • Skrill
  • Solo
  • Square
  • Visa
  • Western Union
  • 2Checkout
  • Amazon
  • American Express
  • Bitcoin
  • Cirrus
  • Credit Card (Generic)
  • Discover
  • eBay
  • Google Wallet
  • Maestro
  • MasterCard
  • PayPal
  • Skrill
  • Solo
  • Square
  • Visa
  • Western Union

Icon lists

Icon lists can be created easily and can contain any icon in any color from the font awesome library

  • Nemo enim ipsam voluptatem
  • Doloremque laudantium, totam
  • Neque porro quisquam est qui
  • Quis autem vel eum iure repreh
  • At vero eos et accusamus et iusto
  • Nemo enim ipsam voluptatem
  • Doloremque laudantium, totam
  • Neque porro quisquam est qui
  • Quis autem vel eum iure repreh
  • At vero eos et accusamus et iusto
  • Nemo enim ipsam voluptatem
  • Doloremque laudantium, totam
  • Neque porro quisquam est qui
  • Quis autem vel eum iure repreh
  • At vero eos et accusamus et iusto
  • Nemo enim ipsam voluptatem
  • Doloremque laudantium, totam
  • Neque porro quisquam est qui
  • Quis autem vel eum iure repreh
  • At vero eos et accusamus et iusto

Icon Blocks

Icon Blocks are an easy way to create content next to an icon - the icons can have any color and 5 different sizes

Iam a title next to an icon

This is a description next to an icon. I can also be positioned left, right, above and below the icon.

Iam a title next to an icon

This is a description next to an icon. I can also be positioned left, right, above and below the icon.

Iam a title next to an icon

This is a description next to an icon. I can also be positioned left, right, above and below the icon.

Icon Overview

Over 500 Icons at your service

  • glass
  • music
  • search
  • envelope-o
  • heart
  • star
  • star-o
  • user
  • film
  • th-large
  • th
  • th-list
  • check
  • times
  • search-plus
  • search-minus
  • power-off
  • signal
  • cog
  • trash-o
  • home
  • file-o
  • clock-o
  • road
  • download
  • arrow-circle-o-down
  • arrow-circle-o-up
  • inbox
  • play-circle-o
  • repeat
  • refresh
  • list-alt
  • lock
  • flag
  • headphones
  • volume-off
  • volume-down
  • volume-up
  • qrcode
  • barcode
  • tag
  • tags
  • book
  • bookmark
  • print
  • camera
  • font
  • bold
  • italic
  • text-height
  • text-width
  • align-left
  • align-center
  • align-right
  • align-justify
  • list
  • outdent
  • indent
  • video-camera
  • picture-o
  • pencil
  • map-marker
  • adjust
  • tint
  • pencil-square-o
  • share-square-o
  • check-square-o
  • arrows
  • step-backward
  • fast-backward
  • backward
  • play
  • pause
  • stop
  • forward
  • fast-forward
  • step-forward
  • eject
  • chevron-left
  • chevron-right
  • plus-circle
  • minus-circle
  • times-circle
  • check-circle
  • question-circle
  • info-circle
  • crosshairs
  • times-circle-o
  • check-circle-o
  • ban
  • arrow-left
  • arrow-right
  • arrow-up
  • arrow-down
  • share
  • expand
  • compress
  • plus
  • minus
  • asterisk
  • exclamation-circle
  • gift
  • leaf
  • fire
  • eye
  • eye-slash
  • exclamation-triangle
  • plane
  • calendar
  • random
  • comment
  • magnet
  • chevron-up
  • chevron-down
  • retweet
  • shopping-cart
  • folder
  • folder-open
  • arrows-v
  • arrows-h
  • bar-chart
  • twitter-square
  • facebook-square
  • camera-retro
  • key
  • cogs
  • comments
  • thumbs-o-up
  • thumbs-o-down
  • train
  • star-half
  • heart-o
  • sign-out
  • linkedin-square
  • thumb-tack
  • external-link
  • sign-in
  • trophy
  • github-square
  • upload
  • lemon-o
  • phone
  • square-o
  • bookmark-o
  • phone-square
  • twitter
  • facebook
  • github
  • unlock
  • credit-card
  • rss
  • hdd-o
  • bullhorn
  • bell
  • certificate
  • hand-o-right
  • hand-o-left
  • hand-o-up
  • hand-o-down
  • arrow-circle-left
  • arrow-circle-right
  • arrow-circle-up
  • arrow-circle-down
  • globe
  • wrench
  • tasks
  • filter
  • briefcase
  • arrows-alt
  • users
  • link
  • cloud
  • scissors
  • files-o
  • paperclip
  • floppy-o
  • square
  • bars
  • list-ul
  • list-ol
  • strikethrough
  • underline
  • table
  • magic
  • truck
  • pinterest
  • pinterest-square
  • google-plus-square
  • google-plus
  • money
  • caret-down
  • caret-up
  • caret-left
  • caret-right
  • columns
  • sort
  • sort-desc
  • sort-asc
  • envelope
  • linkedin
  • undo
  • gavel
  • tachometer
  • comment-o
  • comments-o
  • bolt
  • sitemap
  • umbrella
  • clipboard
  • lightbulb-o
  • exchange
  • cloud-download
  • cloud-upload
  • user-md
  • stethoscope
  • suitcase
  • bell-o
  • coffee
  • cutlery
  • file-text-o
  • building-o
  • hospital-o
  • ambulance
  • medkit
  • fighter-jet
  • beer
  • h-square
  • plus-square
  • angle-double-left
  • angle-double-right
  • angle-double-up
  • angle-double-down
  • angle-left
  • angle-right
  • angle-up
  • angle-down
  • desktop
  • laptop
  • tablet
  • mobile
  • circle-o
  • quote-left
  • quote-right
  • spinner
  • circle
  • reply
  • github-alt
  • folder-o
  • folder-open-o
  • smile-o
  • frown-o
  • meh-o
  • gamepad
  • keyboard-o
  • flag-o
  • flag-checkered
  • terminal
  • code
  • subway
  • medium
  • reply-all
  • star-half-o
  • location-arrow
  • crop
  • code-fork
  • chain-broken
  • question
  • info
  • exclamation
  • superscript
  • subscript
  • eraser
  • puzzle-piece
  • microphone
  • microphone-slash
  • shield
  • calendar-o
  • fire-extinguisher
  • rocket
  • maxcdn
  • chevron-circle-left
  • chevron-circle-right
  • chevron-circle-up
  • chevron-circle-down
  • html5
  • css3
  • anchor
  • unlock-alt
  • bullseye
  • ellipsis-h
  • ellipsis-v
  • rss-square
  • play-circle
  • ticket
  • minus-square
  • minus-square-o
  • level-up
  • level-down
  • check-square
  • pencil-square
  • external-link-square
  • share-square
  • compass
  • caret-square-o-down
  • caret-square-o-up
  • caret-square-o-right
  • eur
  • gbp
  • usd
  • inr
  • jpy
  • rub
  • krw
  • btc
  • file
  • file-text
  • sort-alpha-asc
  • sort-alpha-desc
  • sort-amount-asc
  • sort-amount-desc
  • sort-numeric-asc
  • sort-numeric-desc
  • thumbs-up
  • thumbs-down
  • youtube-square
  • youtube
  • xing
  • xing-square
  • youtube-play
  • dropbox
  • stack-overflow
  • instagram
  • flickr
  • adn
  • bitbucket
  • bitbucket-square
  • tumblr
  • tumblr-square
  • long-arrow-down
  • long-arrow-up
  • long-arrow-left
  • long-arrow-right
  • apple
  • windows
  • android
  • linux
  • dribbble
  • skype
  • foursquare
  • trello
  • female
  • male
  • gratipay
  • sun-o
  • moon-o
  • archive
  • bug
  • vk
  • weibo
  • renren
  • pagelines
  • stack-exchange
  • arrow-circle-o-right
  • arrow-circle-o-left
  • caret-square-o-left
  • dot-circle-o
  • wheelchair
  • vimeo-square
  • try
  • plus-square-o
  • space-shuttle
  • slack
  • envelope-square
  • wordpress
  • openid
  • university
  • graduation-cap
  • yahoo
  • google
  • reddit
  • reddit-square
  • stumbleupon-circle
  • stumbleupon
  • delicious
  • digg
  • pied-piper
  • pied-piper-alt
  • drupal
  • joomla
  • viacoin
  • language
  • fax
  • building
  • child
  • paw
  • spoon
  • cube
  • cubes
  • behance
  • behance-square
  • steam
  • steam-square
  • recycle
  • car
  • taxi
  • tree
  • spotify
  • deviantart
  • soundcloud
  • database
  • file-pdf-o
  • file-word-o
  • file-excel-o
  • file-powerpoint-o
  • file-image-o
  • file-archive-o
  • file-audio-o
  • file-video-o
  • file-code-o
  • vine
  • codepen
  • jsfiddle
  • life-ring
  • circle-o-notch
  • rebel
  • empire
  • git-square
  • git
  • hacker-news
  • tencent-weibo
  • qq
  • weixin
  • paper-plane
  • paper-plane-o
  • history
  • circle-thin
  • header
  • paragraph
  • sliders
  • share-alt
  • share-alt-square
  • bomb
  • futbol-o
  • tty
  • binoculars
  • plug
  • slideshare
  • twitch
  • yelp
  • newspaper-o
  • wifi
  • calculator
  • paypal
  • google-wallet
  • cc-visa
  • cc-mastercard
  • cc-discover
  • cc-amex
  • cc-paypal
  • cc-stripe
  • bell-slash
  • bell-slash-o
  • trash
  • copyright
  • at
  • eyedropper
  • paint-brush
  • birthday-cake
  • area-chart
  • pie-chart
  • line-chart
  • lastfm
  • lastfm-square
  • toggle-off
  • toggle-on
  • bicycle
  • bus
  • ioxhost
  • angellist
  • cc
  • ils
  • meanpath
  • buysellads
  • connectdevelop
  • dashcube
  • forumbee
  • leanpub
  • sellsy
  • shirtsinbulk
  • simplybuilt
  • skyatlas
  • cart-plus
  • cart-arrow-down
  • diamond
  • ship
  • user-secret
  • motorcycle
  • street-view
  • heartbeat
  • venus
  • mars
  • mercury
  • transgender
  • transgender-alt
  • venus-double
  • mars-double
  • venus-mars
  • mars-stroke
  • mars-stroke-v
  • mars-stroke-h
  • neuter
  • facebook-official
  • pinterest-p
  • whatsapp
  • server
  • user-plus
  • user-times
  • bed