Icons
List of all kind of icons used throughout the project. Every icons starts with a class (pds-c-icon)
and a modifier to specify which icon. Optional additional modifiers are colors, 'colored' and 'accented'
to use the current themes color and accent, and 'large'.
Icons use themes for their 'color' and 'accent' modifiers.
Elements and modifiers
- .pds-c-icon [.{name}] [.large | .medium ] [.colored] [.accented] [.{color}]
arrow-down
arrow-down.colored
arrow-down.accented
arrow-down.white
arrow-down.black
arrow-down.creme
arrow-down.yellow
arrow-down.orange
arrow-down.red
arrow-down.pink
arrow-down.purple
arrow-down.blue
arrow-down.green
arrow-left-circle-solid
arrow-left-circle-solid.colored
arrow-left-circle-solid.accented
arrow-left-circle-solid.white
arrow-left-circle-solid.black
arrow-left-circle-solid.creme
arrow-left-circle-solid.yellow
arrow-left-circle-solid.orange
arrow-left-circle-solid.red
arrow-left-circle-solid.pink
arrow-left-circle-solid.purple
arrow-left-circle-solid.blue
arrow-left-circle-solid.green
arrow-left
arrow-left.colored
arrow-left.accented
arrow-left.white
arrow-left.black
arrow-left.creme
arrow-left.yellow
arrow-left.orange
arrow-left.red
arrow-left.pink
arrow-left.purple
arrow-left.blue
arrow-left.green
arrow-right-circle-solid
arrow-right-circle-solid.colored
arrow-right-circle-solid.accented
arrow-right-circle-solid.white
arrow-right-circle-solid.black
arrow-right-circle-solid.creme
arrow-right-circle-solid.yellow
arrow-right-circle-solid.orange
arrow-right-circle-solid.red
arrow-right-circle-solid.pink
arrow-right-circle-solid.purple
arrow-right-circle-solid.blue
arrow-right-circle-solid.green
arrow-right
arrow-right.colored
arrow-right.accented
arrow-right.white
arrow-right.black
arrow-right.creme
arrow-right.yellow
arrow-right.orange
arrow-right.red
arrow-right.pink
arrow-right.purple
arrow-right.blue
arrow-right.green
arrow-up
arrow-up.colored
arrow-up.accented
arrow-up.white
arrow-up.black
arrow-up.creme
arrow-up.yellow
arrow-up.orange
arrow-up.red
arrow-up.pink
arrow-up.purple
arrow-up.blue
arrow-up.green
bag
bag.colored
bag.accented
bag.white
bag.black
bag.creme
bag.yellow
bag.orange
bag.red
bag.pink
bag.purple
bag.blue
bag.green
basket
basket.colored
basket.accented
basket.white
basket.black
basket.creme
basket.yellow
basket.orange
basket.red
basket.pink
basket.purple
basket.blue
basket.green
bin
bin.colored
bin.accented
bin.white
bin.black
bin.creme
bin.yellow
bin.orange
bin.red
bin.pink
bin.purple
bin.blue
bin.green
bracket-down
bracket-down.colored
bracket-down.accented
bracket-down.white
bracket-down.black
bracket-down.creme
bracket-down.yellow
bracket-down.orange
bracket-down.red
bracket-down.pink
bracket-down.purple
bracket-down.blue
bracket-down.green
calendar-lgc
calendar-lgc.colored
calendar-lgc.accented
calendar-lgc.white
calendar-lgc.black
calendar-lgc.creme
calendar-lgc.yellow
calendar-lgc.orange
calendar-lgc.red
calendar-lgc.pink
calendar-lgc.purple
calendar-lgc.blue
calendar-lgc.green
calendar
calendar.colored
calendar.accented
calendar.white
calendar.black
calendar.creme
calendar.yellow
calendar.orange
calendar.red
calendar.pink
calendar.purple
calendar.blue
calendar.green
check-circle-solid-green
check-circle-solid-green.colored
check-circle-solid-green.accented
check-circle-solid-green.white
check-circle-solid-green.black
check-circle-solid-green.creme
check-circle-solid-green.yellow
check-circle-solid-green.orange
check-circle-solid-green.red
check-circle-solid-green.pink
check-circle-solid-green.purple
check-circle-solid-green.blue
check-circle-solid-green.green
check-circle-solid
check-circle-solid.colored
check-circle-solid.accented
check-circle-solid.white
check-circle-solid.black
check-circle-solid.creme
check-circle-solid.yellow
check-circle-solid.orange
check-circle-solid.red
check-circle-solid.pink
check-circle-solid.purple
check-circle-solid.blue
check-circle-solid.green
check
check.colored
check.accented
check.white
check.black
check.creme
check.yellow
check.orange
check.red
check.pink
check.purple
check.blue
check.green
chevron-down
chevron-down.colored
chevron-down.accented
chevron-down.white
chevron-down.black
chevron-down.creme
chevron-down.yellow
chevron-down.orange
chevron-down.red
chevron-down.pink
chevron-down.purple
chevron-down.blue
chevron-down.green
chevron-left
chevron-left.colored
chevron-left.accented
chevron-left.white
chevron-left.black
chevron-left.creme
chevron-left.yellow
chevron-left.orange
chevron-left.red
chevron-left.pink
chevron-left.purple
chevron-left.blue
chevron-left.green
chevron-right
chevron-right.colored
chevron-right.accented
chevron-right.white
chevron-right.black
chevron-right.creme
chevron-right.yellow
chevron-right.orange
chevron-right.red
chevron-right.pink
chevron-right.purple
chevron-right.blue
chevron-right.green
chevron-up
chevron-up.colored
chevron-up.accented
chevron-up.white
chevron-up.black
chevron-up.creme
chevron-up.yellow
chevron-up.orange
chevron-up.red
chevron-up.pink
chevron-up.purple
chevron-up.blue
chevron-up.green
chevrons-updown
chevrons-updown.colored
chevrons-updown.accented
chevrons-updown.white
chevrons-updown.black
chevrons-updown.creme
chevrons-updown.yellow
chevrons-updown.orange
chevrons-updown.red
chevrons-updown.pink
chevrons-updown.purple
chevrons-updown.blue
chevrons-updown.green
clock
clock.colored
clock.accented
clock.white
clock.black
clock.creme
clock.yellow
clock.orange
clock.red
clock.pink
clock.purple
clock.blue
clock.green
cross-2
cross-2.colored
cross-2.accented
cross-2.white
cross-2.black
cross-2.creme
cross-2.yellow
cross-2.orange
cross-2.red
cross-2.pink
cross-2.purple
cross-2.blue
cross-2.green
cross-circle-solid-red
cross-circle-solid-red.colored
cross-circle-solid-red.accented
cross-circle-solid-red.white
cross-circle-solid-red.black
cross-circle-solid-red.creme
cross-circle-solid-red.yellow
cross-circle-solid-red.orange
cross-circle-solid-red.red
cross-circle-solid-red.pink
cross-circle-solid-red.purple
cross-circle-solid-red.blue
cross-circle-solid-red.green
cross-circle-solid-small
cross-circle-solid-small.colored
cross-circle-solid-small.accented
cross-circle-solid-small.white
cross-circle-solid-small.black
cross-circle-solid-small.creme
cross-circle-solid-small.yellow
cross-circle-solid-small.orange
cross-circle-solid-small.red
cross-circle-solid-small.pink
cross-circle-solid-small.purple
cross-circle-solid-small.blue
cross-circle-solid-small.green
cross-circle-solid
cross-circle-solid.colored
cross-circle-solid.accented
cross-circle-solid.white
cross-circle-solid.black
cross-circle-solid.creme
cross-circle-solid.yellow
cross-circle-solid.orange
cross-circle-solid.red
cross-circle-solid.pink
cross-circle-solid.purple
cross-circle-solid.blue
cross-circle-solid.green
cross
cross.colored
cross.accented
cross.white
cross.black
cross.creme
cross.yellow
cross.orange
cross.red
cross.pink
cross.purple
cross.blue
cross.green
dots-circle-solid
dots-circle-solid.colored
dots-circle-solid.accented
dots-circle-solid.white
dots-circle-solid.black
dots-circle-solid.creme
dots-circle-solid.yellow
dots-circle-solid.orange
dots-circle-solid.red
dots-circle-solid.pink
dots-circle-solid.purple
dots-circle-solid.blue
dots-circle-solid.green
dots
dots.colored
dots.accented
dots.white
dots.black
dots.creme
dots.yellow
dots.orange
dots.red
dots.pink
dots.purple
dots.blue
dots.green
envelope-square-solid
envelope-square-solid.colored
envelope-square-solid.accented
envelope-square-solid.white
envelope-square-solid.black
envelope-square-solid.creme
envelope-square-solid.yellow
envelope-square-solid.orange
envelope-square-solid.red
envelope-square-solid.pink
envelope-square-solid.purple
envelope-square-solid.blue
envelope-square-solid.green
exclamation-circle-solid
exclamation-circle-solid.colored
exclamation-circle-solid.accented
exclamation-circle-solid.white
exclamation-circle-solid.black
exclamation-circle-solid.creme
exclamation-circle-solid.yellow
exclamation-circle-solid.orange
exclamation-circle-solid.red
exclamation-circle-solid.pink
exclamation-circle-solid.purple
exclamation-circle-solid.blue
exclamation-circle-solid.green
exclamation-circle
exclamation-circle.colored
exclamation-circle.accented
exclamation-circle.white
exclamation-circle.black
exclamation-circle.creme
exclamation-circle.yellow
exclamation-circle.orange
exclamation-circle.red
exclamation-circle.pink
exclamation-circle.purple
exclamation-circle.blue
exclamation-circle.green
exclamation-triangle
exclamation-triangle.colored
exclamation-triangle.accented
exclamation-triangle.white
exclamation-triangle.black
exclamation-triangle.creme
exclamation-triangle.yellow
exclamation-triangle.orange
exclamation-triangle.red
exclamation-triangle.pink
exclamation-triangle.purple
exclamation-triangle.blue
exclamation-triangle.green
exclamation
exclamation.colored
exclamation.accented
exclamation.white
exclamation.black
exclamation.creme
exclamation.yellow
exclamation.orange
exclamation.red
exclamation.pink
exclamation.purple
exclamation.blue
exclamation.green
eye-crossed
eye-crossed.colored
eye-crossed.accented
eye-crossed.white
eye-crossed.black
eye-crossed.creme
eye-crossed.yellow
eye-crossed.orange
eye-crossed.red
eye-crossed.pink
eye-crossed.purple
eye-crossed.blue
eye-crossed.green
eye
eye.colored
eye.accented
eye.white
eye.black
eye.creme
eye.yellow
eye.orange
eye.red
eye.pink
eye.purple
eye.blue
eye.green
hamburger
hamburger.colored
hamburger.accented
hamburger.white
hamburger.black
hamburger.creme
hamburger.yellow
hamburger.orange
hamburger.red
hamburger.pink
hamburger.purple
hamburger.blue
hamburger.green
home
home.colored
home.accented
home.white
home.black
home.creme
home.yellow
home.orange
home.red
home.pink
home.purple
home.blue
home.green
info-circle-solid
info-circle-solid.colored
info-circle-solid.accented
info-circle-solid.white
info-circle-solid.black
info-circle-solid.creme
info-circle-solid.yellow
info-circle-solid.orange
info-circle-solid.red
info-circle-solid.pink
info-circle-solid.purple
info-circle-solid.blue
info-circle-solid.green
key-entree
key-entree.colored
key-entree.accented
key-entree.white
key-entree.black
key-entree.creme
key-entree.yellow
key-entree.orange
key-entree.red
key-entree.pink
key-entree.purple
key-entree.blue
key-entree.green
location
location.colored
location.accented
location.white
location.black
location.creme
location.yellow
location.orange
location.red
location.pink
location.purple
location.blue
location.green
magnifier-lgc
magnifier-lgc.colored
magnifier-lgc.accented
magnifier-lgc.white
magnifier-lgc.black
magnifier-lgc.creme
magnifier-lgc.yellow
magnifier-lgc.orange
magnifier-lgc.red
magnifier-lgc.pink
magnifier-lgc.purple
magnifier-lgc.blue
magnifier-lgc.green
magnifier
magnifier.colored
magnifier.accented
magnifier.white
magnifier.black
magnifier.creme
magnifier.yellow
magnifier.orange
magnifier.red
magnifier.pink
magnifier.purple
magnifier.blue
magnifier.green
minus-circle
minus-circle.colored
minus-circle.accented
minus-circle.white
minus-circle.black
minus-circle.creme
minus-circle.yellow
minus-circle.orange
minus-circle.red
minus-circle.pink
minus-circle.purple
minus-circle.blue
minus-circle.green
pencil-left
pencil-left.colored
pencil-left.accented
pencil-left.white
pencil-left.black
pencil-left.creme
pencil-left.yellow
pencil-left.orange
pencil-left.red
pencil-left.pink
pencil-left.purple
pencil-left.blue
pencil-left.green
plus-circle-solid
plus-circle-solid.colored
plus-circle-solid.accented
plus-circle-solid.white
plus-circle-solid.black
plus-circle-solid.creme
plus-circle-solid.yellow
plus-circle-solid.orange
plus-circle-solid.red
plus-circle-solid.pink
plus-circle-solid.purple
plus-circle-solid.blue
plus-circle-solid.green
plus
plus.colored
plus.accented
plus.white
plus.black
plus.creme
plus.yellow
plus.orange
plus.red
plus.pink
plus.purple
plus.blue
plus.green
question-circle-solid
question-circle-solid.colored
question-circle-solid.accented
question-circle-solid.white
question-circle-solid.black
question-circle-solid.creme
question-circle-solid.yellow
question-circle-solid.orange
question-circle-solid.red
question-circle-solid.pink
question-circle-solid.purple
question-circle-solid.blue
question-circle-solid.green
question-circle
question-circle.colored
question-circle.accented
question-circle.white
question-circle.black
question-circle.creme
question-circle.yellow
question-circle.orange
question-circle.red
question-circle.pink
question-circle.purple
question-circle.blue
question-circle.green
question
question.colored
question.accented
question.white
question.black
question.creme
question.yellow
question.orange
question.red
question.pink
question.purple
question.blue
question.green
sidebar
sidebar.colored
sidebar.accented
sidebar.white
sidebar.black
sidebar.creme
sidebar.yellow
sidebar.orange
sidebar.red
sidebar.pink
sidebar.purple
sidebar.blue
sidebar.green
social-facebook
social-facebook.colored
social-facebook.accented
social-facebook.white
social-facebook.black
social-facebook.creme
social-facebook.yellow
social-facebook.orange
social-facebook.red
social-facebook.pink
social-facebook.purple
social-facebook.blue
social-facebook.green
social-instagram
social-instagram.colored
social-instagram.accented
social-instagram.white
social-instagram.black
social-instagram.creme
social-instagram.yellow
social-instagram.orange
social-instagram.red
social-instagram.pink
social-instagram.purple
social-instagram.blue
social-instagram.green
social-linkedin
social-linkedin.colored
social-linkedin.accented
social-linkedin.white
social-linkedin.black
social-linkedin.creme
social-linkedin.yellow
social-linkedin.orange
social-linkedin.red
social-linkedin.pink
social-linkedin.purple
social-linkedin.blue
social-linkedin.green
social-twitter
social-twitter.colored
social-twitter.accented
social-twitter.white
social-twitter.black
social-twitter.creme
social-twitter.yellow
social-twitter.orange
social-twitter.red
social-twitter.pink
social-twitter.purple
social-twitter.blue
social-twitter.green
social-youtube
social-youtube.colored
social-youtube.accented
social-youtube.white
social-youtube.black
social-youtube.creme
social-youtube.yellow
social-youtube.orange
social-youtube.red
social-youtube.pink
social-youtube.purple
social-youtube.blue
social-youtube.green
spinner
spinner.colored
spinner.accented
spinner.white
spinner.black
spinner.creme
spinner.yellow
spinner.orange
spinner.red
spinner.pink
spinner.purple
spinner.blue
spinner.green
user-lgc
user-lgc.colored
user-lgc.accented
user-lgc.white
user-lgc.black
user-lgc.creme
user-lgc.yellow
user-lgc.orange
user-lgc.red
user-lgc.pink
user-lgc.purple
user-lgc.blue
user-lgc.green
user
user.colored
user.accented
user.white
user.black
user.creme
user.yellow
user.orange
user.red
user.pink
user.purple
user.blue
user.green