Icons
Icon font
We use a custom icon font for all icons. Markup for icons need an .icon class along with an .icon-* class:
.icon-add-fill
\e800
.icon-add-outline
\e801
.icon-alert-fill
\e803
.icon-alert
\e804
.icon-avatar
\e805
.icon-bin
\e807
.icon-bookmark-fill
\e808
.icon-bookmark
\e809
.icon-calendar
\e80a
.icon-cart
\e80b
.icon-chat
\e80c
.icon-check-fill
\e80d
.icon-check-outline
\e80e
.icon-check
\e80f
.icon-circle-fill
\e810
.icon-circle-outline
\e811
.icon-close-fill
\e812
.icon-close-outline
\e813
.icon-close
\e814
.icon-collapse
\e815
.icon-comment
\e816
.icon-dot-menu-02
\e817
.icon-dot-menu
\e818
.icon-download-cloud
\e819
.icon-drag
\e81a
.icon-edit
\e81b
.icon-email
\e81c
.icon-emoji
\e81d
.icon-expand
\e81e
.icon-filter
\e81f
.icon-gift
\e820
.icon-hamburger-02
\e821
.icon-hamburger
\e822
.icon-heart-fill
\e823
.icon-heart
\e824
.icon-home
\e825
.icon-info
\e826
.icon-link
\e827
.icon-location
\e828
.icon-microphone
\e829
.icon-notification
\e82a
.icon-options-horizontal-2-dots
\e82b
.icon-options-horizontal-3-dots
\e82c
.icon-options-vertical-2-dots
\e82d
.icon-options-vertical-3-dots
\e82e
.icon-refresh
\e82f
.icon-remove-fill
\e830
.icon-remove-outline
\e831
.icon-remove
\e832
.icon-reply
\e833
.icon-reveal
\e834
.icon-search
\e835
.icon-send
\e836
.icon-settings-02
\e837
.icon-settings
\e838
.icon-signout
\e839
.icon-share
\e83a
.icon-sort
\e83b
.icon-star-fill
\e83c
.icon-star-half
\e83d
.icon-star
\e83e
.icon-swap
\e83f
.icon-sync
\e840
.icon-target
\e841
.icon-thumb-down
\e842
.icon-share-02
\e843
.icon-upload
\e844
.icon-thumb-up
\e845
.icon-user
\e846
.icon-trending
\e847
.icon-arrow-caret-back
\e848
.icon-arrow-caret-down
\e849
.icon-arrow-caret-forward
\e84a
.icon-arrow-caret-up
\e84b
.icon-arrow-chevron-back
\e84c
.icon-arrow-chevron-down
\e84d
.icon-arrow-chevron-forward
\e84e
.icon-arrow-chevron-up
\e84f
.icon-arrow-circle-fill-down
\e850
.icon-arrow-circle-fill-left
\e851
.icon-arrow-circle-fill-right
\e852
.icon-arrow-circle-fill-up
\e853
.icon-arrow-circle-outline-down
\e854
.icon-arrow-circle-outline-left
\e855
.icon-arrow-circle-outline-right
\e856
.icon-arrow-circle-outline-up
\e857
.icon-arrow-long-left
\e858
.icon-arrow-long-right
\e859
.icon-arrow-normal-down
\e85a
.icon-arrow-normal-left
\e85b
.icon-arrow-normal-right
\e85c
.icon-arrow-normal-up
\e85d
.icon-arrow-thin-down
\e85e
.icon-arrow-thin-left
\e85f
.icon-arrow-thin-right
\e860
.icon-arrow-thin-up
\e861
.icon-media-backward
\e862
.icon-media-forward
\e863
.icon-media-pause-outline
\e864
.icon-media-pause
\e865
.icon-media-play-border
\e866
.icon-media-play-fill
\e867
.icon-media-play-outline
\e868
.icon-media-repeat
\e869
.icon-media-shuffle
\e86a
.icon-media-sound-off
\e86b
.icon-media-sound-on
\e86c
.icon-social-outline-behance
\e86d
.icon-social-outline-facebook
\e86e
.icon-social-outline-instagram
\e86f
.icon-social-outline-linkedin
\e870
.icon-social-outline-twitter
\e871
.icon-social-outline-youtube
\e872
.icon-social-solid-behance
\e873
.icon-social-solid-facebook
\e874
.icon-social-solid-instagram
\e875
.icon-social-solid-linkedin
\e876
.icon-social-solid-twitter
\e877
.icon-social-solid-youtube
\e878
Coloring & Sizing
Utilize standard tags and color utilities
Badges & Notifications
TODO