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"/> |
|
Standard Icons
 airplane.svgairplane, send, paper, move, fly, flown, fold  arrow.svgarrow, charge, service, help, assistance, admissions  bag.svgbag, sack, hold, carry, money, supplies, hide, cover, belongings, pay, paid  bandaid.svgbandage, wound care, injury, supplies  barcode.svgbar code, hand scanner, data  barrel.svgbarrel, container, bucket  bed.svgbedtime, sleep, safety rails, side rails, room and board  bed2.svgbedtime, sleep, safety rails, side rails, room and board  bed3.svgbedtime, sleep, safety rails, side rails, room and board  bell.svgbell, alarm, warning, sound, danger  bodyFallBlack.svgfalls, falling, trip, break, slip  bodyOld.svgold, geriatric, stoop, cane, bent, elderly, senior  bodyOldBlack.svgold, geriatric, stoop, cane, bent, elderly, senior  bodyPoint.svgpoints, pointing, show, demonstrate, teach, guide  bodyPointBlack.svgpoints, pointing, show, demonstrate, teach, guide  bodyRun.svgruns, running, exercise, movement, active, healthy  bodyRunBlack.svgruns, running, exercise, movement, active, healthy  bodySearchBlack.svgobserved, observation, checkup, assessment, search  bodySit.svgsits, sitting, rest, wait  bodySitBlack.svgsits, sitting, rest, wait  bodyStand.svgstands, standing, person, human, man, woman  bodyStandBlack.svgstands, standing, person, human, man, woman  bodyWalk.svgwalks, walking, active, movement, healthy, ADL, activity  bodyWalkBlack.svgwalks, walking, active, movement, healthy, ADL, activity  bodyWheelchair.svgwheelchair, assistance, mobility, transfer  bodyWheelchairBlack.svgwheelchair, assistance, mobility, transfer  book.svgbook, read, activity, manual, library  bottle.svgbottle, wine glass, drink, alcohol, drunk  bottleGlass.svgbottle, wine glass, drink, alcohol, drunk  bus.svgtransportation, travel, bus, van  calendar.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendar2.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendarBlank.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendarExclamation.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  certification.svgcertification, certify, document, award, point, certificate, earn, contract, notarize  certification2.svgcertification, certify, document, award, point, certificate, earn, contract, notarize  chartBar.svgbar chart, graph, reports, statistics, data  chartPie.svgpie chart, graph, reports, statistics, data  chartStats.svgline chart, graph, reports, statistics, data, lead  chartStatsCheck.svgcompleted lead, marketing  chartStatsExclamation.svglead error, marketing  chartStatsInfo.svglead info, marketing  chartStatsMinus.svglost lead, marketing  chartStatsMoney.svglead report, marketing, payment, pay, paid  chartStatsPause.svgon hold lead, marketing  chartStatsPlus.svgnew lead, marketing  chartStatsSync.svgreview lead, marketing  chartStatsX.svglost lead, marketing  checkbox.svgcheck list, checked, complete, done, finished, view all  cigarette.svgcigarette, smoking, health, smoke  circle.svgalert, attention, target, miscellaneous  circleBan.svgbanned, remove, delete, no, none, gone, ignore  circleBan2.svgbanned, remove, delete, no, none, gone, ignore  circleBottom.svggo to bottom, under, below  circleCheck.svgchecked, yes, approved, done, complete, finished  circleCheckBlack.svgchecked, yes, approved, done, complete, finished  circleCollapse.svgcollapse, close  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  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  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  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  circleShare2.svgshare, communicate, exchange, social, link  circleShare2Black.svgshare, communicate, exchange, social, link  circleShare3.svgshare, communicate, exchange, social, link  circleShare3Black.svgshare, communicate, exchange, social, link  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  circleX.svgunchecked, no, quit, remove, delete, close  circleXBlack.svgunchecked, no, quit, remove, delete, close  clipBlank.svgopen, new, create, document, diagnosis clipCheck.svgtask, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckCheck.svgcompleted task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckExclamation.svgtask error, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckInfo.svgtask info, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckMinus.svgdeleted task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckMoney.svgtask report, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckPause.svgon hold task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckPlus.svgnew task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckSync.svgreview task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckX.svgremoved task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipEkg.svgEKG, chart, charting, vitals, vital signs  clipPlus.svgnew, add, create  clipResCheck.svgcompleted resident, information, chart, charting, profile, student, client  clipResExclamation.svgresident error, information, chart, charting, profile, student, client  clipResident.svgresident, information, chart, charting, profile, student, client  clipResInfo.svgresident info, information, chart, charting, profile, student, client  clipResMinus.svgdeleted resident, discharged, information, chart, charting, profile, student, client  clipResMoney.svgresident report, information, chart, charting, profile, student, client  clipResPause.svgon hold resident, loa, information, chart, charting, profile, student, client  clipResPlus.svgnew resident, information, chart, charting, profile, student, client  clipResSync.svgreview resident, information, chart, charting, profile, student, client  clipResX.svgremoved resident, information, chart, charting, profile, student, client  clock.svgtime, timed, timecard, hourly, schedule, scheduled  cloud.svgcloud, internet, upload, storage, drive  cloudDown.svgcloud, download  cloudUp.svgcloud, upload  collapse.svgcollapse, close  comb.svghair care, beauty, hygiene, grooming  compass.svgcompass, site, navigate, find, look, map  contract.svgcontract, notarize, certify, certification, award  data.svgdata, database, records, files  dataDown.svgdownload data, import data  dataMinus.svgsubtract data, remove data  dataPlus.svgadd data, new data  dataUp.svgupload data, export data  diagnosis.svgdiagnose, diagnosis, assessment, dx  diamond.svgdiamond, gem, jewel, possession, personal belongings, ring, wedding  die.svgdie, dice, play, game, roll, chance, lucky  doc.svgdocument, report, file, paper, print  docBlank.svgdocument, report, file, paper  docCertification.svgcertification, certify, document, award, point, certificate, earn, contract, notarize  docChart.svgdocument, chart, graph, presentation, slide  docCopy.svgdocument, copy, duplicate, new, edit  docHelp.svglife preserver, help, intervention, rescue  docLightning.svgaction, pain, needs, restraint, incident, complaint, document  docNurse.svgnurse, RN, CNA, DON, staff, document, nursing report  docPic.svgdocument, picture, image, photo, presentation, slide  docPills.svgprescription, medications, pills, drugs, document, report  docRight.svgdocument, move, copy, adjust, remove  docRx.svgprescription, medications, pills, drugs, pharmacy, document, report  docShare.svgshare, communicate, exchange, document  docShare2.svgshare, communicate, exchange, social, link  docShare3.svgshare, communicate, exchange, social, link  docSpeech.svgspeak, interview, discussion, talk, complaint, ask, question  docStetho.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  docStrategy.svgstrategic, approach, plan, goal, objective, achieve  docTable.svgdocument, table, spreadsheet, presentation, slide  docWalker.svgresident, transfer, mobility, exercise, walk, physical function, adl, activity, activities  drop.svgdrop, water, blood, liquid, hydration  duplicateMed.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  duplicateMed2.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  duplicateMed3.svgduplicate meds, medications, prescription, pills, drugs, copy, copied  ear.svgears, audio, listen, hearing  edema.svgedema, foot, feet, swollen, swell  envelope.svgmessage, mail, note  envelopeCopy.svgenvelope. copy, mail, email, send, receive, multiple  envelopeOpen.svgenvelope, open, read, email, mail  exclamation.svgexclamation, warning, alert, danger, priority, important  expand.svgexpand, open  eye.svgeye care, optometrist, vision  facility.svgfacility, community, home, room, occupancy, census, vacancy, location, unit  female.svgfemale, woman, woman's health  fire.svgfire, hot, heat, danger, caution, incident  flag.svgflagged, marked, alert, caution, needs  folder.svgfolder, reports, information, chart, file  folderBlank.svgfolder, reports, information, chart, file, record, client  folderCopy.svgcopy folder, reports, information, chart, file, record, client, duplicate  folderPlus.svgadd folder, new folder  gauge.svggauge, measure, dashboard, graph, chart, summary  gear.svgadministration, setup, tools, work, motion  gear2.svgadministration, setup, tools, work, motion  gear3.svgadministration, setup, tools, work, motion  glass.svgbottle, wine glass, drink, alcohol, drunk  glasses.svglook, read, inspect, optometrist, eyes  group.svggroup, people, users, crowd  hamburgerMenu.svgmenu, navigation  hanger.svgclothes, clothing, dressing  head.svghead, man, woman, person, user  headBlack.svghead, man, woman, person, user  headBrain.svgthink, thought, idea, process, brain, mental, mind  headBrainBlack.svgthink, thought, idea, process, brain, mental, mind  headGear.svgthink, thought, idea, process, gear, mental, mind  headGearBlack.svgthink, thought, idea, process, gear, mental, mind  headIdea.svgthink, thought, light bulb, idea  headIdeaBlack.svgthink, thought, light bulb, idea  heart.svgquality care, love, relationship, help  help.svglife preserver, help, intervention, rescue  hospital.svghospital, ambulance, health care, patient  hourglass.svgtime, wait, pause, on hold, timer, slow  house.svghome, house, admin, headquarters  house2.svghome, house, admin, headquarters  id.svgID, identification, staff, profile  iv.svgIV, intravenous, drip, hydration, PICC  key.svgmanage, start, home, headquarters  label.svglabels, sticker, tag, avery, print  leaf.svggreen, outdoors, leaf, environmentally friendly  lifePreserver.svghelp, assist, assistance, work, save  lightbulb.svgidea, new, sales  lightning.svgincident, action, pain, needs, restraint, complaint  lightningCheck.svgcompleted incident, action, pain, needs, restraint, complaint  lightningExclamation.svgincident error, action, pain, needs, restraint, complaint  lightningInfo.svgincident info, action, pain, needs, restraint, complaint  lightningMinus.svgdeleted, removed incident, action, pain, needs, restraint, complaint  lightningMoney.svgincident report, action, pain, needs, restraint, complaint  lightningPause.svgincident on hold, action, pain, needs, restraint, complaint  lightningPlus.svgnew, add incident, action, pain, needs, restraint, complaint  lightningSync.svgincident review, action, pain, needs, restraint, complaint  lightningX.svgremoved, missed incident, action, pain, needs, restraint, complaint  link.svghyperlink, chain, bind, lock, connection  list.svgchecklist, index, bullet  location.svglocation, map marker, find, place  lock.svglocked, restricted, security, access  lockClosed.svglocked, restricted, security, no access, permission, hidden  lockOpen.svglocked, restricted, security, access, permission, show, allow  magnify.svginspect, view, look, magnify, study  male.svgmale, man, men's health  medkit.svgtreatment, medical kit, first aid, doctor's bag, tar  medkitCheck.svgcompleted treatment, medical kit, first aid, doctor's bag, tar  medkitExclamation.svgtreatment error, medical kit, first aid, doctor's bag, tar  medkitInfo.svgtreatment info, medical kit, first aid, doctor's bag, tar  medkitMinus.svgdeleted, removed treatment, medical kit, first aid, doctor's bag, tar  medkitMoney.svgtreatment report, medical kit, first aid, doctor's bag, tar, pay, payment, paid  medkitPause.svgtreatment on hold, medical kit, first aid, doctor's bag, tar  medkitPlus.svgnew, add treatment, medical kit, first aid, doctor's bag, tar  medkitSync.svgreview treatment, medical kit, first aid, doctor's bag, tar  medkitX.svgremoved, missed treatment, medical kit, first aid, doctor's bag, tar  metalBar.svgheavy, solid, metal, gold, silver, platinum, money, expensive  mirror.svggrooming, personal hygiene, beauty, looks  mobilePhone.svgmobile phone, cell phone, telephone, mobile, cell, iPhone, call, text, phone  money.svgmoney, payer, pay source, cash, finance, financial, accounting, paid, payment  moon.svgnight, nighttime, late, evening  music.svgmusic, entertainment, activities, media  navOrg.svgnavigation, sites, find, organization chart, org admin, units  navUnit.svgnavigation, sites, find, organization chart, org admin, units  navUp.svgnavigate, up, go, find, site  navUpBlack.svgnavigate, up, go, find, site  navUpRight.svgnavigate, up, go, find, site  navUpRightBlack.svgnavigate, up, go, find, site  needle.svgshots, hypodermic needle, syringe, injection, vaccine  nurse.svgnurse, RN, CNA, DON, staff  orgChart.svgorganization chart, staff, hr, people, doctors, nurses, cna, group, human resources  orgChart2.svgorganization chart, staff, hr, people, doctors, nurses, cna, group, human resources  ot.svgOT, occupational therapy  oxygen.svgoxygen, O2, respiration, respiratory, lungs  pencil.svgedit, change, sign, signature  phone.svgtelephone, phone, call, talk, landline  piechart.svgchart, graph, reports, statistics, data  piechart2.svgchart, graph, reports, statistics, data  pills.svgprescription, medications, pills, drugs  platter.svgconcierge, room service, food, eating, meals  plus.svgmedical, doctor, health, health care, first aid  printer.svgprint, printer, paper  pt.svgPT, physical therapy  qrcode.svgquick response code, scanner, data  question.svgquestion, answer, interview  radiation.svgradiation therapy, x-ray, radiology  razor.svgshave, shaving, grooming, hygiene  reorderFile.svgreorder, document, report, file, paper, move  reorderFiles.svgreorder, report, file, folder, move  reorderFolder.svgreorder folder, reports, information, chart, file, move  reorderFolders.svgreorder folder, reports, information, chart, file, move  report.svgreport, query, form, paperwork  reportMoney.svgline item, billing, report, financial, charges, pay, payment, paid  resident.svgresident, client, patient, student, user  resident2.svgresident, client, patient, student, user  rock.svgrock, solid, rubble, trash, garbage, heap, pile, mess  rt.svgRT, respiratory therapy  rug.svgRUG score, resource utilization group  ruler.svgruler, measure, height, tall, short  rx.svgmed, medications, prescription, pills, drugs, pharmacy, MAR  rxCheck.svgcompleted med, given, medications, prescription, pills, drugs, pharmacy, MAR  rxExclamation.svgmed error, medications, prescription, pills, drugs, pharmacy, MAR  rxInfo.svgmed info, medications, prescription, pills, drugs, pharmacy, MAR  rxMinus.svgdeleted, removed, dc'd med, medications, prescription, pills, drugs, pharmacy, MAR  rxMoney.svgmed report, medications, prescription, pills, drugs, pharmacy, MAR, payment  rxPause.svgmed on hold, medications, prescription, pills, drugs, pharmacy, MAR  rxPlus.svgnew, add med, medications, prescription, pills, drugs, pharmacy, MAR  rxSync.svgreview med, medications, prescription, pills, drugs, pharmacy, MAR  rxX.svgremoved, missed med, medications, prescription, pills, drugs, pharmacy, MAR  scale.svgweight, scales, pounds, weigh, heavy, light, gain, loose, lost  scales.svgjustice, fairness, market, weight, scales, pounds  share2.svgshare, communicate, exchange, social, link  share3.svgshare, communicate, exchange, social, link  shield.svgshield, defend, defense, guard, ctr, protect, protection  siteMap.svgnavigation, sites, find, organization chart  slideshow.svgslideshow, view, play, order, video, watch  slideshow2.svgslideshow, view, play, order, video, watch  speech.svgspeak, interview, discussion, talk, complaint, ask, question  speechExclamation.svgcompaint, incident, language, talk, yell, exclaim  speechQuestion.svgquestion, answer, interview, talk, ask, find out  squareDown.svgdownload, copy, import  squareLeft.svgprevious, go back, move back, old  squareMinus.svgsubtract, close, delete  squarePlus.svgadd, open, new  squareRight.svgnext, go forward, move forward, new  squareShare.svgshare, communicate, exchange  squareUp.svgupload, move, export  squareUpRight.svgupload, move, export  st.svgST, speech therapy  staff.svgstaff, administrator, manager, user, professional  staff2.svgstaff, administrator, manager, user, professional  star.svgstar, award, special, set apart, display  stetho.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  strategy.svgstrategic, approach, plan, goal, objective, achieve  sun.svgday, daytime, morning, early  sync.svgsynchronize, reorder, double check, redo  syncBlack.svgsynchronize, reorder, double check, redo  table.svgtable, row, column, list  table2.svgtable, row, column, list  teacher1.svgteacher, classroom, students, lecture, instructor, mentor  teacher2.svgteacher, classroom, students, lecture, instructor, mentor  thermometer.svgthermometer, temp, temperature, illness, sick  tie.svgbusiness, management, manager, administrator,  toilet.svgtoilet, toileting, bathroom  tooth.svgdental care, dentist, tooth, teeth, hygiene, oral  trach.svgtracheotomy, tracheostomy, trach tube  trash.svgtrash, garbage, mess, sanitation, delete, remove  tree.svgtree, green, outdoors, outdoor activity  tub.svgbath, bathtub, shower, bathing  umbrella.svgumbrella, backup, rain, weather, security  user.svguser, resident, patient, person, individual, client  userCheck.svgcompleted user, resident, patient, person, individual, client  userExclamation.svguser error, resident, patient, person, individual, client  userInfo.svguser info, resident, patient, person, individual, client  userMinus.svgdeleted, removed user, resident, patient, person, individual, client  userMoney.svguser report, resident, patient, person, individual, client, payment, pay, paid  userPause.svguser on hold, resident, patient, person, individual, client  userPlus.svgnew, add user, resident, patient, person, individual, client  userSync.svgreview user, resident, patient, person, individual, client  userX.svgremoved, missed user, resident, patient, person, individual, client  utensils.svgfood, eat, kitchen, meals, breakfast, lunch, dinner, nutrition  version.svgversion, revision, change, backup, time  walker.svgadl, activity, resident, transfer, mobility, exercise, walk, physical function, activities  walkerCheck.svgcompleted adl, activity, resident, exercise, physical function, activities  walkerExclamation.svgadl error, activity, resident, exercise, physical function, activities  walkerInfo.svgadl info, activity, resident, exercise, physical function, activities  walkerMinus.svgdeleted, removed adl, activity, resident, exercise, physical function, activities  walkerMoney.svgadl report, activity, resident, exercise, physical function, activities, payment, paid  walkerPause.svgadl on hold, activity, resident, exercise, physical function, activities  walkerPlus.svgnew, add adl, activity, resident, exercise, physical function, activities  walkerSync.svgreview adl, activity, resident, exercise, physical function, activities  walkerX.svgremoved, missed adl, activity, resident, exercise, physical function, activities  warning.svgwarning, alert, danger  warningBlack.svgwarning, alert, danger  washer.svglaundry, housekeeping, clothing  wheelchair.svgwheelchair, assistance, mobility, transfer  wrench.svgwork, settings, adjust, fix, tools, edit, create  xray.svgx-ray, radiology
|
