gentleface

Gentleface › Health & medical › cpr

cpr icon

Cpr: cpr, resuscitation, cardiopulmonary resuscitation. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

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="M2.707 5.707C2.512 5.902 2.276 6 2 6C1.724 6 1.488 5.902 1.293 5.707C1.098 5.512 1 5.276 1 5L1 2C1 1.724 1.098 1.488 1.293 1.293C1.488 1.098 1.724 1 2 1C2.276 1 2.512 1.098 2.707 1.293C2.902 1.488 3 1.724 3 2L3 5C3 5.276 2.902 5.512 2.707 5.707ZM8.707 6.707C8.902 6.512 9 6.276 9 6C9 5.724 8.902 5.488 8.707 5.293C8.512 5.098 8.276 5 8 5C7.859 5 7.741 4.952 7.644 4.856C7.548 4.759 7.5 4.641 7.5 4.5C7.5 4.359 7.548 4.241 7.644 4.144C7.741 4.048 7.859 4 8 4L10.5 4C10.638 4 10.756 4.049 10.854 4.146L11.854 5.146C11.951 5.244 12 5.362 12 5.5C12 5.638 12.049 5.756 12.146 5.854C12.244 5.951 12.362 6 12.5 6C12.638 6 12.756 5.951 12.854 5.854C12.951 5.756 13 5.638 13 5.5L13 3.5C13 3.309 12.965 3.125 12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5L14 5.5C14 5.691 13.965 5.875 13.895 6.052C13.818 6.245 13.707 6.414 13.561 6.561C13.414 6.707 13.245 6.818 13.052 6.895C12.875 6.965 12.691 7 12.5 7C12.309 7 12.125 6.965 11.948 6.895C11.755 6.818 11.586 6.707 11.439 6.561C11.293 6.414 11.182 6.245 11.105 6.052C11.063 5.945 11.033 5.836 11.017 5.724L10.293 5L9.732 5C9.781 5.084 9.823 5.172 9.86 5.264C9.953 5.5 10 5.746 10 6C10 6.254 9.953 6.5 9.86 6.736C9.758 6.993 9.609 7.219 9.414 7.414C9.219 7.609 8.993 7.758 8.736 7.86C8.5 7.953 8.254 8 8 8L7.5 8C7.362 8 7.244 7.951 7.146 7.854L4.146 4.854C4.047 4.754 3.997 4.636 3.997 4.5C3.997 4.364 4.047 4.246 4.146 4.146C4.246 4.047 4.364 3.997 4.5 3.997C4.636 3.997 4.754 4.047 4.854 4.146L7.707 7L8 7C8.276 7 8.512 6.902 8.707 6.707ZM8.653 14.87C8.444 14.957 8.226 15 8 15C7.774 15 7.556 14.957 7.347 14.87C7.138 14.783 6.953 14.66 6.793 14.5L5.146 12.854C4.796 12.503 4.552 12.236 4.412 12.05C4.137 11.683 4 11.333 4 11C4 10.362 4.174 9.869 4.521 9.521C4.869 9.174 5.362 9 6 9C6.537 9 7.018 9.128 7.445 9.384C7.61 9.483 7.778 9.608 7.948 9.758C7.964 9.772 7.982 9.788 8 9.805C8.018 9.788 8.036 9.772 8.052 9.758C8.222 9.607 8.39 9.483 8.555 9.384C8.982 9.128 9.463 9 10 9C10.638 9 11.131 9.174 11.479 9.521C11.826 9.869 12 10.362 12 11C12 11.333 11.862 11.683 11.587 12.05C11.448 12.236 11.204 12.503 10.854 12.854L9.207 14.5C9.047 14.66 8.862 14.783 8.653 14.87ZM10.788 11.45C10.929 11.261 11 11.111 11 11C11 10.638 10.924 10.381 10.771 10.229C10.619 10.076 10.362 10 10 10C9.648 10 9.338 10.08 9.07 10.241C8.957 10.309 8.838 10.398 8.714 10.508C8.633 10.579 8.513 10.694 8.354 10.854C8.254 10.953 8.136 11.003 8 11.003C7.864 11.003 7.746 10.953 7.646 10.854C7.487 10.694 7.367 10.579 7.286 10.508C7.162 10.398 7.043 10.309 6.93 10.241C6.662 10.08 6.352 10 6 10C5.638 10 5.381 10.076 5.229 10.229C5.076 10.381 5 10.638 5 11C5 11.111 5.071 11.261 5.213 11.45C5.323 11.598 5.537 11.83 5.854 12.146L7.5 13.793C7.638 13.931 7.805 14 8 14C8.195 14 8.362 13.931 8.5 13.793L10.146 12.146C10.463 11.83 10.677 11.598 10.788 11.45Z"/></svg>
React
// Gentleface "cpr" (line-round), MIT. https://gentleface.com/icons/cpr
import type { SVGProps } from 'react';

export function CprIcon(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="M2.707 5.707C2.512 5.902 2.276 6 2 6C1.724 6 1.488 5.902 1.293 5.707C1.098 5.512 1 5.276 1 5L1 2C1 1.724 1.098 1.488 1.293 1.293C1.488 1.098 1.724 1 2 1C2.276 1 2.512 1.098 2.707 1.293C2.902 1.488 3 1.724 3 2L3 5C3 5.276 2.902 5.512 2.707 5.707ZM8.707 6.707C8.902 6.512 9 6.276 9 6C9 5.724 8.902 5.488 8.707 5.293C8.512 5.098 8.276 5 8 5C7.859 5 7.741 4.952 7.644 4.856C7.548 4.759 7.5 4.641 7.5 4.5C7.5 4.359 7.548 4.241 7.644 4.144C7.741 4.048 7.859 4 8 4L10.5 4C10.638 4 10.756 4.049 10.854 4.146L11.854 5.146C11.951 5.244 12 5.362 12 5.5C12 5.638 12.049 5.756 12.146 5.854C12.244 5.951 12.362 6 12.5 6C12.638 6 12.756 5.951 12.854 5.854C12.951 5.756 13 5.638 13 5.5L13 3.5C13 3.309 12.965 3.125 12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5L14 5.5C14 5.691 13.965 5.875 13.895 6.052C13.818 6.245 13.707 6.414 13.561 6.561C13.414 6.707 13.245 6.818 13.052 6.895C12.875 6.965 12.691 7 12.5 7C12.309 7 12.125 6.965 11.948 6.895C11.755 6.818 11.586 6.707 11.439 6.561C11.293 6.414 11.182 6.245 11.105 6.052C11.063 5.945 11.033 5.836 11.017 5.724L10.293 5L9.732 5C9.781 5.084 9.823 5.172 9.86 5.264C9.953 5.5 10 5.746 10 6C10 6.254 9.953 6.5 9.86 6.736C9.758 6.993 9.609 7.219 9.414 7.414C9.219 7.609 8.993 7.758 8.736 7.86C8.5 7.953 8.254 8 8 8L7.5 8C7.362 8 7.244 7.951 7.146 7.854L4.146 4.854C4.047 4.754 3.997 4.636 3.997 4.5C3.997 4.364 4.047 4.246 4.146 4.146C4.246 4.047 4.364 3.997 4.5 3.997C4.636 3.997 4.754 4.047 4.854 4.146L7.707 7L8 7C8.276 7 8.512 6.902 8.707 6.707ZM8.653 14.87C8.444 14.957 8.226 15 8 15C7.774 15 7.556 14.957 7.347 14.87C7.138 14.783 6.953 14.66 6.793 14.5L5.146 12.854C4.796 12.503 4.552 12.236 4.412 12.05C4.137 11.683 4 11.333 4 11C4 10.362 4.174 9.869 4.521 9.521C4.869 9.174 5.362 9 6 9C6.537 9 7.018 9.128 7.445 9.384C7.61 9.483 7.778 9.608 7.948 9.758C7.964 9.772 7.982 9.788 8 9.805C8.018 9.788 8.036 9.772 8.052 9.758C8.222 9.607 8.39 9.483 8.555 9.384C8.982 9.128 9.463 9 10 9C10.638 9 11.131 9.174 11.479 9.521C11.826 9.869 12 10.362 12 11C12 11.333 11.862 11.683 11.587 12.05C11.448 12.236 11.204 12.503 10.854 12.854L9.207 14.5C9.047 14.66 8.862 14.783 8.653 14.87ZM10.788 11.45C10.929 11.261 11 11.111 11 11C11 10.638 10.924 10.381 10.771 10.229C10.619 10.076 10.362 10 10 10C9.648 10 9.338 10.08 9.07 10.241C8.957 10.309 8.838 10.398 8.714 10.508C8.633 10.579 8.513 10.694 8.354 10.854C8.254 10.953 8.136 11.003 8 11.003C7.864 11.003 7.746 10.953 7.646 10.854C7.487 10.694 7.367 10.579 7.286 10.508C7.162 10.398 7.043 10.309 6.93 10.241C6.662 10.08 6.352 10 6 10C5.638 10 5.381 10.076 5.229 10.229C5.076 10.381 5 10.638 5 11C5 11.111 5.071 11.261 5.213 11.45C5.323 11.598 5.537 11.83 5.854 12.146L7.5 13.793C7.638 13.931 7.805 14 8 14C8.195 14 8.362 13.931 8.5 13.793L10.146 12.146C10.463 11.83 10.677 11.598 10.788 11.45Z" />
    </svg>
  );
}
Vue
Vue: see /icons/cpr.md
Svelte
Svelte: see /icons/cpr.md
HTML img
HTML img: see /icons/cpr.md
CSS
CSS: see /icons/cpr.md
Data URL
Data URL: see /icons/cpr.md
Sprite
Sprite: see /icons/cpr.md
SwiftUI
SwiftUI: see /icons/cpr.md
Compose
Compose: see /icons/cpr.md
Android XML
Android XML: see /icons/cpr.md
Flutter
Flutter: see /icons/cpr.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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
cpr, resuscitation, cardiopulmonary resuscitation
Tags
cpr, resuscitation, first-aid, chest-compression, emergency, rescue, life-support, people
Category
Health & medical
Component name
CprIcon
History
  • 20 px drawn, 24 px drawn, added

More health & medical icons

For agents

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