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"/> |
|
Circle Icons
 2percent.svgPenalty, QRP QM, VBP, Quality Reporting Measure, Value Based Purchasing  appMARnoColor.svgapplication, ManageMAR  appPROnoColor.svgapplication, ManagePRO  circle.svgalert, attention, target, miscellaneous  circleBan.svgbanned, remove, delete, no, none, gone, ignore  circleBan2.svgbanned, remove, delete, no, none, gone, ignore  circleBodyFall.svgfalls, falling, trip, break, slip  circleBodyFallBlack.svgfalls, falling, trip, break, slip  circleBodyOld.svgold, geriatric, stoop, cane, bent, elderly, senior  circleBodyOldBlack.svgold, geriatric, stoop, cane, bent, elderly, senior  circleBodyPoint.svgpoints, pointing, show, demonstrate, teach, guide  circleBodyPointBlack.svgpoints, pointing, show, demonstrate, teach, guide  circleBodyRun.svgruns, running, exercise, movement, active, healthy  circleBodyRunBlack.svgruns, running, exercise, movement, active, healthy  circleBodySearch.svgobserved, observation, checkup, assessment, search  circleBodySearchBlack.svgobserved, observation, checkup, assessment, search  circleBodySit.svgsits, sitting, rest, wait  circleBodySitBlack.svgsits, sitting, rest, wait  circleBodyStand.svgstands, standing, person, human, man, woman  circleBodyStandBlack.svgstands, standing, person, human, man, woman  circleBodyWalk.svgwalks, walking, active, movement, healthy, ADL, activity  circleBodyWalkBlack.svgwalks, walking, active, movement, healthy, ADL, activity  circleBodyWheelchair.svgwheelchair, assistance, mobility, transfer  circleBodyWheelchairBlack.svgwheelchair, assistance, mobility, transfer  circleBottle.svgbottle, wine glass, drink, alcohol, drunk  circleBottleBlack.svgbottle, wine glass, drink, alcohol, drunk  circleBottom.svggo to bottom, under, below  circleCheck.svgchecked, yes, approved, done, complete, finished  circleCheckBlack.svgchecked, yes, approved, done, complete, finished  circleCollapse.svgcollapse, close  circleDose.svgdose, dosage, medication, capsule, amount  circleDoseBlack.svgdose, dosage, medication, capsule, amount  circleDuplicateMed.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed2.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed2Black.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed3.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMed3Black.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleDuplicateMedBlack.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  circleEllipsis.svgmore, etc., medium, regular, normal, prompt, additional  circleEllipsisBlack.svgmore, etc., medium, regular, normal, prompt, additional  circleExclamation.svgexclamation, warning, alert, danger, priority, important  circleExclamBlack.svgexclamation, warning, alert, danger, priority, important  circleExpand.svgexpand, open  circleFaces.svgmood, behaviors, actions, feelings, assessment  circleFacesBlack.svgmood, behaviors, actions, feelings, assessment  circleForward.svgforward, fast forward, video, movie, circle  circleGlass.svgbottle, wine glass, drink, alcohol, drunk  circleGlassBlack.svgbottle, wine glass, drink, alcohol, drunk  circleHead.svghead, man, woman, coin, person, user  circleHeadBlack.svghead, man, woman, coin, person, user  circleHeadBrain.svgthink, thought, idea, process, brain, mental, mind  circleHeadBrainBlack.svgthink, thought, idea, process, brain, mental, mind  circleHeadGear.svgthink, thought, idea, process, gear, mental, mind  circleHeadGearBlack.svgthink, thought, idea, process, gear, mental, mind  circleHeadIdea.svgthink, thought, light bulb, idea  circleHeadIdeaBlack.svgthink, thought, light bulb, idea  circleInfo.svginformation, help, find, faq  circleInfoBlack.svginformation, help, find, faq  circleMinus.svgdelete, remove, lost, gone, subtract, minus  circleMinusBlack.svgdelete, remove, lost, gone, subtract, minus  circleMoneyBlack.svgmoney, payer, pay source, cash, finance, financial, accounting, paid, payment  circlePause.svgon hold, pause, delay, wait, slow down  circlePauseBlack.svgon hold, pause, delay, wait, slow down  circlePills.svgprescription, medications, pills, drugs, Rx, meds  circlePillsBlack.svgprescription, medications, pills, drugs, Rx, meds  circlePlay.svgplay, video, movie, circle  circlePlus.svgadd, new, found, in, add, plus, addition  circlePlusBlack.svgadd, new, found, in, add, plus, addition  circleQuestion.svgquestion mark, hint, answer, help, support, find  circleQuestionBlack.svgquestion mark, hint, answer, help, support, find  circleRecord.svgrecord, video, movie, audio, circle  circleRewind.svgrewind, video, movie, circle  circleRx.svgmeds, medications, prescription, pills, drugs, pharmacy, MAR  circleRxBlack.svgmeds, medications, prescription, pills, drugs, pharmacy, MAR  circleShare2.svgshare, communicate, exchange, social, link  circleShare2Black.svgshare, communicate, exchange, social, link  circleShare3.svgshare, communicate, exchange, social, link  circleShare3Black.svgshare, communicate, exchange, social, link  circleStetho.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  circleStethoBlack.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  circleStop.svgstop, video, movie, circle  circleTop.svggo to top, above, on top  circleUp.svgup, point, top, above, go  circleUpBlack.svgup, point, top, above, go  circleUpRight.svgup, point, top, above, go, navigate, upgrade  circleUpRightBlack.svgup, point, top, above, go, navigate, upgrade  circleUtensils.svgfood, eat, kitchen, meals, breakfast, lunch, dinner, nutrition  circleUtensilsBlack.svgfood, eat, kitchen, meals, breakfast, lunch, dinner, nutrition  circleX.svgunchecked, no, quit, remove, delete, close  circleXBlack.svgunchecked, no, quit, remove, delete, close  gauge.svggauge, measure, dashboard, graph, chart, summary  navUp.svgnavigate, up, go, find, site  navUpBlack.svgnavigate, up, go, find, site  navUpRight.svgnavigate, up, go, find, site  navUpRightBlack.svgnavigate, up, go, find, site  ot.svgOT, occupational therapy  pt.svgPT, physical therapy  qm.svgQuality Measure, Survey  rt.svgRT, respiratory therapy  rug.svgRUG score, resource utilization group  st.svgST, speech therapy  sync.svgsynchronize, reorder, double check, redo  syncBlack.svgsynchronize, reorder, double check, redo
|
