Icon

Dual-colour icon system for applying icons to any element.

Icon List

Use .ico to create the icon .ico-dark or .ico-light to specify the colour and .ico-name to set the icon image.

  • .ico-user
  • .ico-users
  • .ico-image
  • .ico-music
  • .ico-video
  • .ico-bell
  • .ico-phone
  • .ico-speaker
  • .ico-mic
  • .ico-star
  • .ico-starfilled
  • .ico-file
  • .ico-files
  • .ico-pencil
  • .ico-compose
  • .ico-delete
  • .ico-share
  • .ico-replay
  • .ico-refresh
  • .ico-export
  • .ico-download
  • .ico-upload
  • .ico-inbox
  • .ico-mail
  • .ico-mailsolid
  • .ico-message
  • .ico-chat
  • .ico-help
  • .ico-calendar
  • .ico-calendaradd
  • .ico-clock
  • .ico-happy
  • .ico-sad
  • .ico-home
  • .ico-globe
  • .ico-spanner
  • .ico-settings
  • .ico-controls
  • .ico-computer
  • .ico-mobile
  • .ico-location
  • .ico-heart
  • .ico-heartfilled
  • .ico-padlockclosed
  • .ico-padlockopen
  • .ico-creditcard
  • .ico-cash
  • .ico-stopcircle
  • .ico-infocircle
  • .ico-questioncircle
  • .ico-warning
  • .ico-question
  • .ico-info
  • .ico-question
  • .ico-eye
  • .ico-cloudupload
  • .ico-clouddownload
  • .ico-piechart
  • .ico-chart
  • .ico-chartup
  • .ico-chartdown
  • .ico-list
  • .ico-globe
  • .ico-rocket
  • .ico-list
  • .ico-left
  • .ico-right
  • .ico-up
  • .ico-down
  • .ico-minus
  • .ico-plus
  • .ico-check
  • .ico-cross

Social Icons

  • .ico-facebook
  • .ico-twitter
  • .ico-linkedin
  • .ico-instagram
  • .ico-youtube
  • .ico-pinterest
  • .ico-dribble
  • .ico-vimeo
  • .ico-soundcloud
  • .ico-googleplus
  • .ico-rss

Expanding the Icons

The icons included in Gravity are a sample from Symbolset Air.

If you'd like to expand your own icon sprite, you can purchase the full Symbolicons Air here