Sizes
Colors and Uses
-
(none)
-
success
green, success, complete, done, finished
-
caution
yellow, warning, caution, incomplete
-
danger
red, danger, warning, alert, stop, not started
-
grey
grey, normal, active
-
inactive
greyed out, inactive, not available
-
noBackground
(can be used in addition to any color)
-
bold
(can be used in addition to any color)
-
white
(white on dark background)
-
darkBack
(adds white border for dark backgrounds)
Examples
Example Code |
Result |
<img class="svg" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size24 grey" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size64 success bold" src="/images/icons/clipCheck.svg"/> |
|
Social Icons
blog.svgsocial media link, Blog, RSS
facebook.svgsocial media link, Facebook
googlePlus.svgsocial media link, GooglePlus, G+
instagram.svgsocial media link, Instagram
linkedIn.svgsocial media link, LinkedIn Linked In
twitter.svgsocial media link, Twitter
youTube.svgsocial media link, YouTube
|