Open medical icon library

Precise medical icons, free for clinical work and teaching.

A consistent, single-stroke set drawn on a 48-pixel grid and delivered as clean, scalable SVGs — built for medical education and ready for production.

Browse the library
Commercial use Educational use No attribution required

Free for commercial use

Ship them in apps, products, packaging, print and presentations — at no cost and with no license fee.

Free in education

Use across lectures, handouts, e-learning, exams and research — for students, faculty and institutions.

No attribution required

A permissive, MIT-style license. Credit is appreciated but never required. Don’t resell the set as-is.

The library

33 icons · five categories · click any icon for SVG, JSX, data-URI & PNG

Weight
No icons match that search. Try another term.

01 · Geometry

One 48-pixel grid

Every glyph shares the same grid and a single stroke weight, so the whole set stays visually even at any size.

02 · Format

Clean, scalable SVG

Icons use currentColor and inherit your text color — no baked-in fills or IDs to strip out.

03 · Weight

Pick your stroke

Switch thin, regular or bold above. What you preview is exactly what you copy or download.

Downloads

Download in the format you need

Open any icon, then choose a format — no technical setup required. If you just need a picture for slides or a document, pick PNG.

PNGEasiest · no tech

Ready-made image

Drop it straight into slides, Word, Google Docs, posters or handouts. Pick the size you need, up to 512 px.

SVGDesigners

Sharp at any size

Scales without ever blurring. Ideal for Figma, Illustrator, PowerPoint, Keynote and websites.

JSXDevelopers

React component

A ready-to-paste component for your app or product.

URIDevelopers

Data-URI string

A single line to embed directly in your code or CSS.

For developers

Prefer code? Copy an icon as SVG or JSX. Because the stroke uses currentColor, color and size follow your CSS.

Inline SVG · HTML
<svg width="24" height="24" viewBox="0 0 48 48"
     fill="none" stroke="currentColor" stroke-width="2">
  <!-- paste the icon’s paths here -->
</svg>
Recolor & resize · CSS
.icon { width: 1.25rem; height: 1.25rem; color: #0f7480; }
/* stroke is currentColor, so it follows the text color */
Accessibility
<svg role="img" aria-label="Cardiac"> … </svg>
<!-- purely decorative? use aria-hidden="true" instead -->
Copied SVG