We are working on something new! Check it out here!

Pricons

Modifiers

  • .pricon-space-right - Adds space to the right of the icon
  • .pricon-xs - Extra small icon
  • .pricon-sm - Small icon
  • .pricon-lg - Large icon
  • .pricon-2x - 2x size
  • .pricon-3x - 3x size
  • .pricon-4s - 4x size
  • .pricon-5x - 5x size
  • .pricon-fw - Fixed width

Example

pricon-link-item
pricon-user-o
pricon-external-link
pricon-file-pdf
pricon-file-text
pricon-file-image
pricon-file-audio
pricon-file-video
pricon-file-archive
pricon-github
pricon-presentation
pricon-file
pricon-phone
pricon-smartphone
pricon-email
pricon-picture
pricon-user
pricon-picture-add
pricon-plus-o
pricon-caret-down
pricon-caret-up
pricon-check
pricon-check-o
pricon-notice-warning
pricon-notice-danger
pricon-compass
pricon-info-o
pricon-question-o
pricon-linkedin-square
pricon-twitter-square
pricon-facebook-square
pricon-instagram
pricon-print
pricon-listen-ear
pricon-volume
pricon-search
pricon-edit
pricon-minus-o
pricon-twitter
pricon-linkedin
pricon-facebook
pricon-settings
pricon-location-pin
pricon-next
pricon-previous
pricon-back
pricon-caret-right
pricon-play-o
pricon-forbidden
pricon-sort-asc
pricon-sort-desc
pricon-sort
pricon-helsingborg
pricon-calendar
pricon-home
pricon-language
pricon-globe
pricon-star
pricon-text-size
pricon-share
pricon-heart-minus
pricon-heart-plus
pricon-heart
pricon-standby
pricon-breifcase
pricon-lightbulb
pricon-clipboard
pricon-picture-user
pricon-target
pricon-paintbrush
pricon-forbidden-circle
pricon-smiley-angry
pricon-smiley-cool
pricon-smiley-cry
pricon-smiley-flirty
pricon-smiley-oh
pricon-smiley-sad
pricon-smiley-smile
pricon-smiley-super-happy
pricon-smiley-thounge
pricon-plus
pricon-notice-info
pricon-clock
pricon-wifi
pricon-construction
pricon-sun
pricon-music
pricon-calendar-check
pricon-money
pricon-bus
pricon-car
pricon-house
pricon-park
pricon-bike
pricon-boat
pricon-coffee
pricon-commute
pricon-healthcare
pricon-run
pricon-swim
pricon-tent
pricon-apple
pricon-archive
pricon-bag
pricon-budget
pricon-diagram-increase
pricon-discuss
pricon-dog
pricon-balloon
pricon-handshake
pricon-info
pricon-man
pricon-people
pricon-recycling
pricon-reload
pricon-sports
pricon-usb
pricon-vote
pricon-woman
pricon-cake
pricon-close
pricon-down
pricon-up
pricon-sign-language
pricon-easy-read
pricon-union-jack
pricon-loading-o
pricon-right-skinny-arrow
pricon-left-skinny-arrow
pricon-right-fat-arrow
pricon-left-fat-arrow
pricon-comments
pricon-close-o
pricon-reply
pricon-thumbs-up
pricon-thumbs-up-o
pricon-eye
pricon-360
pricon-eye-hide
pricon-chevron-down
pricon-chevron-left
pricon-chevron-right
pricon-chevron-up
pricon-arrow-down
pricon-arrow-up
pricon-play
pricon-pause
pricon-camera
pricon-enter
pricon-filter
pricon-pen
pricon-unchecked
pricon-bell
pricon-star-o
pricon-menu-dots
pricon-group
pricon-angle-right
pricon-angle-left
pricon-angle-down
pricon-angle-up
pricon-ticket
<i class="pricon pricon-link-item"></i> pricon-link-item<br>
<i class="pricon pricon-user-o"></i> pricon-user-o<br>
<i class="pricon pricon-external-link"></i> pricon-external-link<br>
<i class="pricon pricon-file-pdf"></i> pricon-file-pdf<br>
<i class="pricon pricon-file-text"></i> pricon-file-text<br>
<i class="pricon pricon-file-image"></i> pricon-file-image<br>
<i class="pricon pricon-file-audio"></i> pricon-file-audio<br>
<i class="pricon pricon-file-video"></i> pricon-file-video<br>
<i class="pricon pricon-file-archive"></i> pricon-file-archive<br>
<i class="pricon pricon-github"></i> pricon-github<br>
<i class="pricon pricon-presentation"></i> pricon-presentation<br>
<i class="pricon pricon-file"></i> pricon-file<br>
<i class="pricon pricon-phone"></i> pricon-phone<br>
<i class="pricon pricon-smartphone"></i> pricon-smartphone<br>
<i class="pricon pricon-email"></i> pricon-email<br>
<i class="pricon pricon-picture"></i> pricon-picture<br>
<i class="pricon pricon-user"></i> pricon-user<br>
<i class="pricon pricon-picture-add"></i> pricon-picture-add<br>
<i class="pricon pricon-plus-o"></i> pricon-plus-o<br>
<i class="pricon pricon-caret-down"></i> pricon-caret-down<br>
<i class="pricon pricon-caret-up"></i> pricon-caret-up<br>
<i class="pricon pricon-check"></i> pricon-check<br>
<i class="pricon pricon-check-o"></i> pricon-check-o<br>
<i class="pricon pricon-notice-warning"></i> pricon-notice-warning<br>
<i class="pricon pricon-notice-danger"></i> pricon-notice-danger<br>
<i class="pricon pricon-compass"></i> pricon-compass<br>
<i class="pricon pricon-info-o"></i> pricon-info-o<br>
<i class="pricon pricon-question-o"></i> pricon-question-o<br>
<i class="pricon pricon-linkedin-square"></i> pricon-linkedin-square<br>
<i class="pricon pricon-twitter-square"></i> pricon-twitter-square<br>
<i class="pricon pricon-facebook-square"></i> pricon-facebook-square<br>
<i class="pricon pricon-instagram"></i> pricon-instagram<br>
<i class="pricon pricon-print"></i> pricon-print<br>
<i class="pricon pricon-listen-ear"></i> pricon-listen-ear<br>
<i class="pricon pricon-volume"></i> pricon-volume<br>
<i class="pricon pricon-search"></i> pricon-search<br>
<i class="pricon pricon-edit"></i> pricon-edit<br>
<i class="pricon pricon-minus-o"></i> pricon-minus-o<br>
<i class="pricon pricon-twitter"></i> pricon-twitter<br>
<i class="pricon pricon-linkedin"></i> pricon-linkedin<br>
<i class="pricon pricon-facebook"></i> pricon-facebook<br>
<i class="pricon pricon-settings"></i> pricon-settings<br>
<i class="pricon pricon-location-pin"></i> pricon-location-pin<br>
<i class="pricon pricon-next"></i> pricon-next<br>
<i class="pricon pricon-previous"></i> pricon-previous<br>
<i class="pricon pricon-back"></i> pricon-back<br>
<i class="pricon pricon-caret-right"></i> pricon-caret-right<br>
<i class="pricon pricon-play-o"></i> pricon-play-o<br>
<i class="pricon pricon-forbidden"></i> pricon-forbidden<br>
<i class="pricon pricon-sort-asc"></i> pricon-sort-asc<br>
<i class="pricon pricon-sort-desc"></i> pricon-sort-desc<br>
<i class="pricon pricon-sort"></i> pricon-sort<br>
<i class="pricon pricon-helsingborg"></i> pricon-helsingborg<br>
<i class="pricon pricon-calendar"></i> pricon-calendar<br>
<i class="pricon pricon-home"></i> pricon-home<br>
<i class="pricon pricon-language"></i> pricon-language<br>
<i class="pricon pricon-globe"></i> pricon-globe<br>
<i class="pricon pricon-star"></i> pricon-star<br>
<i class="pricon pricon-text-size"></i> pricon-text-size<br>
<i class="pricon pricon-share"></i> pricon-share<br>
<i class="pricon pricon-heart-minus"></i> pricon-heart-minus<br>
<i class="pricon pricon-heart-plus"></i> pricon-heart-plus<br>
<i class="pricon pricon-heart"></i> pricon-heart<br>
<i class="pricon pricon-standby"></i> pricon-standby<br>
<i class="pricon pricon-breifcase"></i> pricon-breifcase<br>
<i class="pricon pricon-lightbulb"></i> pricon-lightbulb<br>
<i class="pricon pricon-clipboard"></i> pricon-clipboard<br>
<i class="pricon pricon-picture-user"></i> pricon-picture-user<br>
<i class="pricon pricon-target"></i> pricon-target<br>
<i class="pricon pricon-paintbrush"></i> pricon-paintbrush<br>
<i class="pricon pricon-forbidden-circle"></i> pricon-forbidden-circle<br>
<i class="pricon pricon-smiley-angry"></i> pricon-smiley-angry<br>
<i class="pricon pricon-smiley-cool"></i> pricon-smiley-cool<br>
<i class="pricon pricon-smiley-cry"></i> pricon-smiley-cry<br>
<i class="pricon pricon-smiley-flirty"></i> pricon-smiley-flirty<br>
<i class="pricon pricon-smiley-oh"></i> pricon-smiley-oh<br>
<i class="pricon pricon-smiley-sad"></i> pricon-smiley-sad<br>
<i class="pricon pricon-smiley-smile"></i> pricon-smiley-smile<br>
<i class="pricon pricon-smiley-super-happy"></i> pricon-smiley-super-happy<br>
<i class="pricon pricon-smiley-thounge"></i> pricon-smiley-thounge<br>
<i class="pricon pricon-plus"></i> pricon-plus<br>
<i class="pricon pricon-notice-info"></i> pricon-notice-info<br>
<i class="pricon pricon-clock"></i> pricon-clock<br>
<i class="pricon pricon-wifi"></i> pricon-wifi<br>
<i class="pricon pricon-construction"></i> pricon-construction<br>
<i class="pricon pricon-sun"></i> pricon-sun<br>
<i class="pricon pricon-music"></i> pricon-music<br>
<i class="pricon pricon-calendar-check"></i> pricon-calendar-check<br>
<i class="pricon pricon-money"></i> pricon-money<br>
<i class="pricon pricon-bus"></i> pricon-bus<br>
<i class="pricon pricon-car"></i> pricon-car<br>
<i class="pricon pricon-house"></i> pricon-house<br>
<i class="pricon pricon-park"></i> pricon-park<br>
<i class="pricon pricon-bike"></i> pricon-bike<br>
<i class="pricon pricon-boat"></i> pricon-boat<br>
<i class="pricon pricon-coffee"></i> pricon-coffee<br>
<i class="pricon pricon-commute"></i> pricon-commute<br>
<i class="pricon pricon-healthcare"></i> pricon-healthcare<br>
<i class="pricon pricon-run"></i> pricon-run<br>
<i class="pricon pricon-swim"></i> pricon-swim<br>
<i class="pricon pricon-tent"></i> pricon-tent<br>
<i class="pricon pricon-apple"></i> pricon-apple<br>
<i class="pricon pricon-archive"></i> pricon-archive<br>
<i class="pricon pricon-bag"></i> pricon-bag<br>
<i class="pricon pricon-budget"></i> pricon-budget<br>
<i class="pricon pricon-diagram-increase"></i> pricon-diagram-increase<br>
<i class="pricon pricon-discuss"></i> pricon-discuss<br>
<i class="pricon pricon-dog"></i> pricon-dog<br>
<i class="pricon pricon-balloon"></i> pricon-balloon<br>
<i class="pricon pricon-handshake"></i> pricon-handshake<br>
<i class="pricon pricon-info"></i> pricon-info<br>
<i class="pricon pricon-man"></i> pricon-man<br>
<i class="pricon pricon-people"></i> pricon-people<br>
<i class="pricon pricon-recycling"></i> pricon-recycling<br>
<i class="pricon pricon-reload"></i> pricon-reload<br>
<i class="pricon pricon-sports"></i> pricon-sports<br>
<i class="pricon pricon-usb"></i> pricon-usb<br>
<i class="pricon pricon-vote"></i> pricon-vote<br>
<i class="pricon pricon-woman"></i> pricon-woman<br>
<i class="pricon pricon-cake"></i> pricon-cake<br>
<i class="pricon pricon-close"></i> pricon-close<br>
<i class="pricon pricon-down"></i> pricon-down<br>
<i class="pricon pricon-up"></i> pricon-up<br>
<i class="pricon pricon-sign-language"></i> pricon-sign-language<br>
<i class="pricon pricon-easy-read"></i> pricon-easy-read<br>
<i class="pricon pricon-union-jack"></i> pricon-union-jack<br>
<i class="pricon pricon-loading-o"></i> pricon-loading-o<br>
<i class="pricon pricon-right-skinny-arrow"></i> pricon-right-skinny-arrow<br>
<i class="pricon pricon-left-skinny-arrow"></i> pricon-left-skinny-arrow<br>
<i class="pricon pricon-right-fat-arrow"></i> pricon-right-fat-arrow<br>
<i class="pricon pricon-left-fat-arrow"></i> pricon-left-fat-arrow<br>
<i class="pricon pricon-comments"></i> pricon-comments<br>
<i class="pricon pricon-close-o"></i> pricon-close-o<br>
<i class="pricon pricon-reply"></i> pricon-reply<br>
<i class="pricon pricon-thumbs-up"></i> pricon-thumbs-up<br>
<i class="pricon pricon-thumbs-up-o"></i> pricon-thumbs-up-o<br>
<i class="pricon pricon-eye"></i> pricon-eye<br>
<i class="pricon pricon-360"></i> pricon-360<br>
<i class="pricon pricon-eye-hide"></i> pricon-eye-hide<br>
<i class="pricon pricon-chevron-down"></i> pricon-chevron-down<br>
<i class="pricon pricon-chevron-left"></i> pricon-chevron-left<br>
<i class="pricon pricon-chevron-right"></i> pricon-chevron-right<br>
<i class="pricon pricon-chevron-up"></i> pricon-chevron-up<br>
<i class="pricon pricon-arrow-down"></i> pricon-arrow-down<br>
<i class="pricon pricon-arrow-up"></i> pricon-arrow-up<br>
<i class="pricon pricon-play"></i> pricon-play<br>
<i class="pricon pricon-pause"></i> pricon-pause<br>
<i class="pricon pricon-camera"></i> pricon-camera<br>
<i class="pricon pricon-enter"></i> pricon-enter<br>
<i class="pricon pricon-filter"></i> pricon-filter<br>
<i class="pricon pricon-pen"></i> pricon-pen<br>
<i class="pricon pricon-unchecked"></i> pricon-unchecked<br>
<i class="pricon pricon-bell"></i> pricon-bell<br>
<i class="pricon pricon-star-o"></i> pricon-star-o<br>
<i class="pricon pricon-menu-dots"></i> pricon-menu-dots<br>
<i class="pricon pricon-group"></i> pricon-group<br>
<i class="pricon pricon-angle-right"></i> pricon-angle-right<br>
<i class="pricon pricon-angle-left"></i> pricon-angle-left<br>
<i class="pricon pricon-angle-down"></i> pricon-angle-down<br>
<i class="pricon pricon-angle-up"></i> pricon-angle-up<br>
<i class="pricon pricon-ticket"></i> pricon-ticket<br>
Source file: ~/source/sass/_pricons.scss

Icon badge

Example

<i class="pricon pricon-badge pricon-badge-red-1 pricon-4x pricon-dog"></i>
Source file: ~/source/sass/_pricons.scss