gentleface

Gentleface › Health & medical › syringe

syringe icon

Syringe: syringe, injection, vaccine, vaccination. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14 3.5C14 3.638 13.951 3.756 13.854 3.854C13.754 3.953 13.636 4.003 13.5 4.003C13.364 4.003 13.246 3.953 13.146 3.854L12.5 3.207L10.707 5L11.5 5.793C11.631 5.924 11.718 6.072 11.761 6.239C11.88 6.239 11.994 6.287 12.078 6.371L12.854 7.146C12.951 7.244 13 7.362 13 7.5C13 7.638 12.951 7.756 12.854 7.854C12.754 7.953 12.636 8.003 12.5 8.003C12.364 8.003 12.246 7.953 12.146 7.854L11.5 7.207L7.561 11.146C7.287 11.42 6.972 11.63 6.615 11.778C6.258 11.926 5.886 12 5.5 12L4 12C3.909 12 3.822 11.989 3.739 11.968L1.854 13.854C1.756 13.951 1.638 14 1.5 14C1.362 14 1.244 13.951 1.146 13.854C1.047 13.754 0.997 13.636 0.997 13.5C0.997 13.364 1.047 13.246 1.146 13.146L3.032 11.261C3.011 11.178 3 11.091 3 11L3 9.5C3 9.114 3.074 8.742 3.222 8.385C3.37 8.028 3.58 7.713 3.854 7.439L7.793 3.5L7.146 2.854C7.049 2.756 7 2.638 7 2.5C7 2.362 7.049 2.244 7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146L8.629 2.922C8.713 3.006 8.761 3.12 8.761 3.239C8.928 3.282 9.076 3.369 9.207 3.5L10 4.293L11.793 2.5L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.951 3.244 14 3.362 14 3.5ZM8.5 4.207L6.207 6.5L8.5 8.793L10.793 6.5L10 5.707L9.854 5.854C9.754 5.953 9.636 6.003 9.5 6.003C9.364 6.003 9.246 5.953 9.146 5.854C9.049 5.756 9 5.638 9 5.5C9 5.362 9.049 5.244 9.146 5.146L9.293 5L8.5 4.207ZM4.146 8.767C4.049 9.002 4 9.246 4 9.5L4 11L5.5 11C5.754 11 5.998 10.951 6.233 10.854C6.467 10.757 6.674 10.619 6.854 10.439L7.793 9.5L5.5 7.207L4.561 8.146C4.381 8.326 4.243 8.533 4.146 8.767Z"/></svg>
React
// Gentleface "syringe" (line-round), MIT. https://gentleface.com/icons/syringe
import type { SVGProps } from 'react';

export function SyringeIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14 3.5C14 3.638 13.951 3.756 13.854 3.854C13.754 3.953 13.636 4.003 13.5 4.003C13.364 4.003 13.246 3.953 13.146 3.854L12.5 3.207L10.707 5L11.5 5.793C11.631 5.924 11.718 6.072 11.761 6.239C11.88 6.239 11.994 6.287 12.078 6.371L12.854 7.146C12.951 7.244 13 7.362 13 7.5C13 7.638 12.951 7.756 12.854 7.854C12.754 7.953 12.636 8.003 12.5 8.003C12.364 8.003 12.246 7.953 12.146 7.854L11.5 7.207L7.561 11.146C7.287 11.42 6.972 11.63 6.615 11.778C6.258 11.926 5.886 12 5.5 12L4 12C3.909 12 3.822 11.989 3.739 11.968L1.854 13.854C1.756 13.951 1.638 14 1.5 14C1.362 14 1.244 13.951 1.146 13.854C1.047 13.754 0.997 13.636 0.997 13.5C0.997 13.364 1.047 13.246 1.146 13.146L3.032 11.261C3.011 11.178 3 11.091 3 11L3 9.5C3 9.114 3.074 8.742 3.222 8.385C3.37 8.028 3.58 7.713 3.854 7.439L7.793 3.5L7.146 2.854C7.049 2.756 7 2.638 7 2.5C7 2.362 7.049 2.244 7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146L8.629 2.922C8.713 3.006 8.761 3.12 8.761 3.239C8.928 3.282 9.076 3.369 9.207 3.5L10 4.293L11.793 2.5L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.951 3.244 14 3.362 14 3.5ZM8.5 4.207L6.207 6.5L8.5 8.793L10.793 6.5L10 5.707L9.854 5.854C9.754 5.953 9.636 6.003 9.5 6.003C9.364 6.003 9.246 5.953 9.146 5.854C9.049 5.756 9 5.638 9 5.5C9 5.362 9.049 5.244 9.146 5.146L9.293 5L8.5 4.207ZM4.146 8.767C4.049 9.002 4 9.246 4 9.5L4 11L5.5 11C5.754 11 5.998 10.951 6.233 10.854C6.467 10.757 6.674 10.619 6.854 10.439L7.793 9.5L5.5 7.207L4.561 8.146C4.381 8.326 4.243 8.533 4.146 8.767Z" />
    </svg>
  );
}
Vue
Vue: see /icons/syringe.md
Svelte
Svelte: see /icons/syringe.md
HTML img
HTML img: see /icons/syringe.md
CSS
CSS: see /icons/syringe.md
Data URL
Data URL: see /icons/syringe.md
Sprite
Sprite: see /icons/syringe.md
SwiftUI
SwiftUI: see /icons/syringe.md
Compose
Compose: see /icons/syringe.md
Android XML
Android XML: see /icons/syringe.md
Flutter
Flutter: see /icons/syringe.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
syringe, injection, vaccine, vaccination, jab, immunization, vaccinated
Alternatives
  • iv-bag: an infusion or IV drip
Don’t confuse with
  • needle: needle is sewing
Also fits
  • iv drip: an injection or vaccine
  • needle: a medical needle: injection or vaccine
Tags
syringe, injection, vaccine, vaccination, shot, needle, immunization, medical, dose
Category
Health & medical
Component name
SyringeIcon
History
  • added

More health & medical icons

bandage bone cigarette cigarette-off face-mask first-aid-kit heart-pulse heart-pulse-alert hospital-bed lungs pill pill-bottle pill-check pill-clock pill-plus prescription · all health & medical icons

For agents

Metadata: /icons/syringe.json · Markdown: /icons/syringe.md · SVG: https://gentleface.com/svg/{style}/16/syringe.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/syringe.png

Feedback