# cpr icon Cpr. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/cpr - Category: Health & medical - Use it for: cpr, resuscitation, cardiopulmonary resuscitation - Tags: cpr, resuscitation, first-aid, chest-compression, emergency, rescue, life-support, people - Component name: CprIcon - Added: 2026-11-12 ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/cpr.svg · PNG https://gentleface.com/png/line-round/16/cpr.png · https://gentleface.com/png/line-round/32/cpr.png · https://gentleface.com/png/line-round/48/cpr.png - line-soft: https://gentleface.com/svg/line-soft/16/cpr.svg · PNG https://gentleface.com/png/line-soft/16/cpr.png · https://gentleface.com/png/line-soft/32/cpr.png · https://gentleface.com/png/line-soft/48/cpr.png - line-sharp: https://gentleface.com/svg/line-sharp/16/cpr.svg · PNG https://gentleface.com/png/line-sharp/16/cpr.png · https://gentleface.com/png/line-sharp/32/cpr.png · https://gentleface.com/png/line-sharp/48/cpr.png - solid-round: https://gentleface.com/svg/solid-round/16/cpr.svg · PNG https://gentleface.com/png/solid-round/16/cpr.png · https://gentleface.com/png/solid-round/32/cpr.png · https://gentleface.com/png/solid-round/48/cpr.png - solid-soft: https://gentleface.com/svg/solid-soft/16/cpr.svg · PNG https://gentleface.com/png/solid-soft/16/cpr.png · https://gentleface.com/png/solid-soft/32/cpr.png · https://gentleface.com/png/solid-soft/48/cpr.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/cpr.svg · PNG https://gentleface.com/png/solid-sharp/16/cpr.png · https://gentleface.com/png/solid-sharp/32/cpr.png · https://gentleface.com/png/solid-sharp/48/cpr.png The SVG of every style: https://gentleface.com/icons/cpr.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "cpr" (line-round), MIT. https://gentleface.com/icons/cpr import type { SVGProps } from 'react'; export function CprIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "cpr" (line-round), MIT. https://gentleface.com/icons/cpr. Takes the text color. */ .icon-cpr { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "cpr" (line-round), MIT. https://gentleface.com/icons/cpr import SwiftUI struct CprIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 2.707, y: 5.707)) p.addCurve(to: CGPoint(x: 2, y: 6), control1: CGPoint(x: 2.512, y: 5.902), control2: CGPoint(x: 2.276, y: 6)) p.addCurve(to: CGPoint(x: 1.293, y: 5.707), control1: CGPoint(x: 1.724, y: 6), control2: CGPoint(x: 1.488, y: 5.902)) p.addCurve(to: CGPoint(x: 1, y: 5), control1: CGPoint(x: 1.098, y: 5.512), control2: CGPoint(x: 1, y: 5.276)) p.addLine(to: CGPoint(x: 1, y: 2)) p.addCurve(to: CGPoint(x: 1.293, y: 1.293), control1: CGPoint(x: 1, y: 1.724), control2: CGPoint(x: 1.098, y: 1.488)) p.addCurve(to: CGPoint(x: 2, y: 1), control1: CGPoint(x: 1.488, y: 1.098), control2: CGPoint(x: 1.724, y: 1)) p.addCurve(to: CGPoint(x: 2.707, y: 1.293), control1: CGPoint(x: 2.276, y: 1), control2: CGPoint(x: 2.512, y: 1.098)) p.addCurve(to: CGPoint(x: 3, y: 2), control1: CGPoint(x: 2.902, y: 1.488), control2: CGPoint(x: 3, y: 1.724)) p.addLine(to: CGPoint(x: 3, y: 5)) p.addCurve(to: CGPoint(x: 2.707, y: 5.707), control1: CGPoint(x: 3, y: 5.276), control2: CGPoint(x: 2.902, y: 5.512)) p.closeSubpath() p.move(to: CGPoint(x: 8.707, y: 6.707)) p.addCurve(to: CGPoint(x: 9, y: 6), control1: CGPoint(x: 8.902, y: 6.512), control2: CGPoint(x: 9, y: 6.276)) p.addCurve(to: CGPoint(x: 8.707, y: 5.293), control1: CGPoint(x: 9, y: 5.724), control2: CGPoint(x: 8.902, y: 5.488)) p.addCurve(to: CGPoint(x: 8, y: 5), control1: CGPoint(x: 8.512, y: 5.098), control2: CGPoint(x: 8.276, y: 5)) p.addCurve(to: CGPoint(x: 7.644, y: 4.856), control1: CGPoint(x: 7.859, y: 5), control2: CGPoint(x: 7.741, y: 4.952)) p.addCurve(to: CGPoint(x: 7.5, y: 4.5), control1: CGPoint(x: 7.548, y: 4.759), control2: CGPoint(x: 7.5, y: 4.641)) p.addCurve(to: CGPoint(x: 7.644, y: 4.144), control1: CGPoint(x: 7.5, y: 4.359), control2: CGPoint(x: 7.548, y: 4.241)) p.addCurve(to: CGPoint(x: 8, y: 4), control1: CGPoint(x: 7.741, y: 4.048), control2: CGPoint(x: 7.859, y: 4)) p.addLine(to: CGPoint(x: 10.5, y: 4)) p.addCurve(to: CGPoint(x: 10.854, y: 4.146), control1: CGPoint(x: 10.638, y: 4), control2: CGPoint(x: 10.756, y: 4.049)) p.addLine(to: CGPoint(x: 11.854, y: 5.146)) p.addCurve(to: CGPoint(x: 12, y: 5.5), control1: CGPoint(x: 11.951, y: 5.244), control2: CGPoint(x: 12, y: 5.362)) p.addCurve(to: CGPoint(x: 12.146, y: 5.854), control1: CGPoint(x: 12, y: 5.638), control2: CGPoint(x: 12.049, y: 5.756)) p.addCurve(to: CGPoint(x: 12.5, y: 6), control1: CGPoint(x: 12.244, y: 5.951), control2: CGPoint(x: 12.362, y: 6)) p.addCurve(to: CGPoint(x: 12.854, y: 5.854), control1: CGPoint(x: 12.638, y: 6), control2: CGPoint(x: 12.756, y: 5.951)) p.addCurve(to: CGPoint(x: 13, y: 5.5), control1: CGPoint(x: 12.951, y: 5.756), control2: CGPoint(x: 13, y: 5.638)) p.addLine(to: CGPoint(x: 13, y: 3.5)) p.addCurve(to: CGPoint(x: 12.895, y: 2.948), control1: CGPoint(x: 13, y: 3.309), control2: CGPoint(x: 12.965, y: 3.125)) p.addCurve(to: CGPoint(x: 12.561, y: 2.439), control1: CGPoint(x: 12.818, y: 2.755), control2: CGPoint(x: 12.707, y: 2.586)) p.addCurve(to: CGPoint(x: 12.052, y: 2.105), control1: CGPoint(x: 12.414, y: 2.293), control2: CGPoint(x: 12.245, y: 2.182)) p.addCurve(to: CGPoint(x: 11.5, y: 2), control1: CGPoint(x: 11.875, y: 2.035), control2: CGPoint(x: 11.691, y: 2)) p.addLine(to: CGPoint(x: 4.5, y: 2)) p.addCurve(to: CGPoint(x: 4.144, y: 1.856), control1: CGPoint(x: 4.359, y: 2), control2: CGPoint(x: 4.241, y: 1.952)) p.addCurve(to: CGPoint(x: 4, y: 1.5), control1: CGPoint(x: 4.048, y: 1.759), control2: CGPoint(x: 4, y: 1.641)) p.addCurve(to: CGPoint(x: 4.144, y: 1.144), control1: CGPoint(x: 4, y: 1.359), control2: CGPoint(x: 4.048, y: 1.241)) p.addCurve(to: CGPoint(x: 4.5, y: 1), control1: CGPoint(x: 4.241, y: 1.048), control2: CGPoint(x: 4.359, y: 1)) p.addLine(to: CGPoint(x: 11.5, y: 1)) p.addCurve(to: CGPoint(x: 12.42, y: 1.176), control1: CGPoint(x: 11.818, y: 1), control2: CGPoint(x: 12.125, y: 1.059)) p.addCurve(to: CGPoint(x: 13.268, y: 1.732), control1: CGPoint(x: 12.741, y: 1.303), control2: CGPoint(x: 13.024, y: 1.488)) p.addCurve(to: CGPoint(x: 13.824, y: 2.58), control1: CGPoint(x: 13.512, y: 1.976), control2: CGPoint(x: 13.697, y: 2.259)) p.addCurve(to: CGPoint(x: 14, y: 3.5), control1: CGPoint(x: 13.941, y: 2.875), control2: CGPoint(x: 14, y: 3.182)) p.addLine(to: CGPoint(x: 14, y: 5.5)) p.addCurve(to: CGPoint(x: 13.895, y: 6.052), control1: CGPoint(x: 14, y: 5.691), control2: CGPoint(x: 13.965, y: 5.875)) p.addCurve(to: CGPoint(x: 13.561, y: 6.561), control1: CGPoint(x: 13.818, y: 6.245), control2: CGPoint(x: 13.707, y: 6.414)) p.addCurve(to: CGPoint(x: 13.052, y: 6.895), control1: CGPoint(x: 13.414, y: 6.707), control2: CGPoint(x: 13.245, y: 6.818)) p.addCurve(to: CGPoint(x: 12.5, y: 7), control1: CGPoint(x: 12.875, y: 6.965), control2: CGPoint(x: 12.691, y: 7)) p.addCurve(to: CGPoint(x: 11.948, y: 6.895), control1: CGPoint(x: 12.309, y: 7), control2: CGPoint(x: 12.125, y: 6.965)) p.addCurve(to: CGPoint(x: 11.439, y: 6.561), control1: CGPoint(x: 11.755, y: 6.818), control2: CGPoint(x: 11.586, y: 6.707)) p.addCurve(to: CGPoint(x: 11.105, y: 6.052), control1: CGPoint(x: 11.293, y: 6.414), control2: CGPoint(x: 11.182, y: 6.245)) p.addCurve(to: CGPoint(x: 11.017, y: 5.724), control1: CGPoint(x: 11.063, y: 5.945), control2: CGPoint(x: 11.033, y: 5.836)) p.addLine(to: CGPoint(x: 10.293, y: 5)) p.addLine(to: CGPoint(x: 9.732, y: 5)) p.addCurve(to: CGPoint(x: 9.86, y: 5.264), control1: CGPoint(x: 9.781, y: 5.084), control2: CGPoint(x: 9.823, y: 5.172)) p.addCurve(to: CGPoint(x: 10, y: 6), control1: CGPoint(x: 9.953, y: 5.5), control2: CGPoint(x: 10, y: 5.746)) p.addCurve(to: CGPoint(x: 9.86, y: 6.736), control1: CGPoint(x: 10, y: 6.254), control2: CGPoint(x: 9.953, y: 6.5)) p.addCurve(to: CGPoint(x: 9.414, y: 7.414), control1: CGPoint(x: 9.758, y: 6.993), control2: CGPoint(x: 9.609, y: 7.219)) p.addCurve(to: CGPoint(x: 8.736, y: 7.86), control1: CGPoint(x: 9.219, y: 7.609), control2: CGPoint(x: 8.993, y: 7.758)) p.addCurve(to: CGPoint(x: 8, y: 8), control1: CGPoint(x: 8.5, y: 7.953), control2: CGPoint(x: 8.254, y: 8)) p.addLine(to: CGPoint(x: 7.5, y: 8)) p.addCurve(to: CGPoint(x: 7.146, y: 7.854), control1: CGPoint(x: 7.362, y: 8), control2: CGPoint(x: 7.244, y: 7.951)) p.addLine(to: CGPoint(x: 4.146, y: 4.854)) p.addCurve(to: CGPoint(x: 3.997, y: 4.5), control1: CGPoint(x: 4.047, y: 4.754), control2: CGPoint(x: 3.997, y: 4.636)) p.addCurve(to: CGPoint(x: 4.146, y: 4.146), control1: CGPoint(x: 3.997, y: 4.364), control2: CGPoint(x: 4.047, y: 4.246)) p.addCurve(to: CGPoint(x: 4.5, y: 3.997), control1: CGPoint(x: 4.246, y: 4.047), control2: CGPoint(x: 4.364, y: 3.997)) p.addCurve(to: CGPoint(x: 4.854, y: 4.146), control1: CGPoint(x: 4.636, y: 3.997), control2: CGPoint(x: 4.754, y: 4.047)) p.addLine(to: CGPoint(x: 7.707, y: 7)) p.addLine(to: CGPoint(x: 8, y: 7)) p.addCurve(to: CGPoint(x: 8.707, y: 6.707), control1: CGPoint(x: 8.276, y: 7), control2: CGPoint(x: 8.512, y: 6.902)) p.closeSubpath() p.move(to: CGPoint(x: 8.653, y: 14.87)) p.addCurve(to: CGPoint(x: 8, y: 15), control1: CGPoint(x: 8.444, y: 14.957), control2: CGPoint(x: 8.226, y: 15)) p.addCurve(to: CGPoint(x: 7.347, y: 14.87), control1: CGPoint(x: 7.774, y: 15), control2: CGPoint(x: 7.556, y: 14.957)) p.addCurve(to: CGPoint(x: 6.793, y: 14.5), control1: CGPoint(x: 7.138, y: 14.783), control2: CGPoint(x: 6.953, y: 14.66)) p.addLine(to: CGPoint(x: 5.146, y: 12.854)) p.addCurve(to: CGPoint(x: 4.412, y: 12.05), control1: CGPoint(x: 4.796, y: 12.503), control2: CGPoint(x: 4.552, y: 12.236)) p.addCurve(to: CGPoint(x: 4, y: 11), control1: CGPoint(x: 4.137, y: 11.683), control2: CGPoint(x: 4, y: 11.333)) p.addCurve(to: CGPoint(x: 4.521, y: 9.521), control1: CGPoint(x: 4, y: 10.362), control2: CGPoint(x: 4.174, y: 9.869)) p.addCurve(to: CGPoint(x: 6, y: 9), control1: CGPoint(x: 4.869, y: 9.174), control2: CGPoint(x: 5.362, y: 9)) p.addCurve(to: CGPoint(x: 7.445, y: 9.384), control1: CGPoint(x: 6.537, y: 9), control2: CGPoint(x: 7.018, y: 9.128)) p.addCurve(to: CGPoint(x: 7.948, y: 9.758), control1: CGPoint(x: 7.61, y: 9.483), control2: CGPoint(x: 7.778, y: 9.608)) p.addCurve(to: CGPoint(x: 8, y: 9.805), control1: CGPoint(x: 7.964, y: 9.772), control2: CGPoint(x: 7.982, y: 9.788)) p.addCurve(to: CGPoint(x: 8.052, y: 9.758), control1: CGPoint(x: 8.018, y: 9.788), control2: CGPoint(x: 8.036, y: 9.772)) p.addCurve(to: CGPoint(x: 8.555, y: 9.384), control1: CGPoint(x: 8.222, y: 9.607), control2: CGPoint(x: 8.39, y: 9.483)) p.addCurve(to: CGPoint(x: 10, y: 9), control1: CGPoint(x: 8.982, y: 9.128), control2: CGPoint(x: 9.463, y: 9)) p.addCurve(to: CGPoint(x: 11.479, y: 9.521), control1: CGPoint(x: 10.638, y: 9), control2: CGPoint(x: 11.131, y: 9.174)) p.addCurve(to: CGPoint(x: 12, y: 11), control1: CGPoint(x: 11.826, y: 9.869), control2: CGPoint(x: 12, y: 10.362)) p.addCurve(to: CGPoint(x: 11.587, y: 12.05), control1: CGPoint(x: 12, y: 11.333), control2: CGPoint(x: 11.862, y: 11.683)) p.addCurve(to: CGPoint(x: 10.854, y: 12.854), control1: CGPoint(x: 11.448, y: 12.236), control2: CGPoint(x: 11.204, y: 12.503)) p.addLine(to: CGPoint(x: 9.207, y: 14.5)) p.addCurve(to: CGPoint(x: 8.653, y: 14.87), control1: CGPoint(x: 9.047, y: 14.66), control2: CGPoint(x: 8.862, y: 14.783)) p.closeSubpath() p.move(to: CGPoint(x: 10.788, y: 11.45)) p.addCurve(to: CGPoint(x: 11, y: 11), control1: CGPoint(x: 10.929, y: 11.261), control2: CGPoint(x: 11, y: 11.111)) p.addCurve(to: CGPoint(x: 10.771, y: 10.229), control1: CGPoint(x: 11, y: 10.638), control2: CGPoint(x: 10.924, y: 10.381)) p.addCurve(to: CGPoint(x: 10, y: 10), control1: CGPoint(x: 10.619, y: 10.076), control2: CGPoint(x: 10.362, y: 10)) p.addCurve(to: CGPoint(x: 9.07, y: 10.241), control1: CGPoint(x: 9.648, y: 10), control2: CGPoint(x: 9.338, y: 10.08)) p.addCurve(to: CGPoint(x: 8.714, y: 10.508), control1: CGPoint(x: 8.957, y: 10.309), control2: CGPoint(x: 8.838, y: 10.398)) p.addCurve(to: CGPoint(x: 8.354, y: 10.854), control1: CGPoint(x: 8.633, y: 10.579), control2: CGPoint(x: 8.513, y: 10.694)) p.addCurve(to: CGPoint(x: 8, y: 11.003), control1: CGPoint(x: 8.254, y: 10.953), control2: CGPoint(x: 8.136, y: 11.003)) p.addCurve(to: CGPoint(x: 7.646, y: 10.854), control1: CGPoint(x: 7.864, y: 11.003), control2: CGPoint(x: 7.746, y: 10.953)) p.addCurve(to: CGPoint(x: 7.286, y: 10.508), control1: CGPoint(x: 7.487, y: 10.694), control2: CGPoint(x: 7.367, y: 10.579)) p.addCurve(to: CGPoint(x: 6.93, y: 10.241), control1: CGPoint(x: 7.162, y: 10.398), control2: CGPoint(x: 7.043, y: 10.309)) p.addCurve(to: CGPoint(x: 6, y: 10), control1: CGPoint(x: 6.662, y: 10.08), control2: CGPoint(x: 6.352, y: 10)) p.addCurve(to: CGPoint(x: 5.229, y: 10.229), control1: CGPoint(x: 5.638, y: 10), control2: CGPoint(x: 5.381, y: 10.076)) p.addCurve(to: CGPoint(x: 5, y: 11), control1: CGPoint(x: 5.076, y: 10.381), control2: CGPoint(x: 5, y: 10.638)) p.addCurve(to: CGPoint(x: 5.213, y: 11.45), control1: CGPoint(x: 5, y: 11.111), control2: CGPoint(x: 5.071, y: 11.261)) p.addCurve(to: CGPoint(x: 5.854, y: 12.146), control1: CGPoint(x: 5.323, y: 11.598), control2: CGPoint(x: 5.537, y: 11.83)) p.addLine(to: CGPoint(x: 7.5, y: 13.793)) p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 7.638, y: 13.931), control2: CGPoint(x: 7.805, y: 14)) p.addCurve(to: CGPoint(x: 8.5, y: 13.793), control1: CGPoint(x: 8.195, y: 14), control2: CGPoint(x: 8.362, y: 13.931)) p.addLine(to: CGPoint(x: 10.146, y: 12.146)) p.addCurve(to: CGPoint(x: 10.788, y: 11.45), control1: CGPoint(x: 10.463, y: 11.83), control2: CGPoint(x: 10.677, y: 11.598)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CprIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "cpr" (line-round), MIT. https://gentleface.com/icons/cpr import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val CprIcon: ImageVector by lazy { ImageVector.Builder( name = "cpr", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(CprIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "cpr" (line-round), MIT. https://gentleface.com/icons/cpr import 'package:flutter/widgets.dart'; class CprIcon extends StatelessWidget { const CprIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CprIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CprIconPainter extends CustomPainter { _CprIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(2.707, 5.707) ..cubicTo(2.512, 5.902, 2.276, 6, 2, 6) ..cubicTo(1.724, 6, 1.488, 5.902, 1.293, 5.707) ..cubicTo(1.098, 5.512, 1, 5.276, 1, 5) ..lineTo(1, 2) ..cubicTo(1, 1.724, 1.098, 1.488, 1.293, 1.293) ..cubicTo(1.488, 1.098, 1.724, 1, 2, 1) ..cubicTo(2.276, 1, 2.512, 1.098, 2.707, 1.293) ..cubicTo(2.902, 1.488, 3, 1.724, 3, 2) ..lineTo(3, 5) ..cubicTo(3, 5.276, 2.902, 5.512, 2.707, 5.707) ..close() ..moveTo(8.707, 6.707) ..cubicTo(8.902, 6.512, 9, 6.276, 9, 6) ..cubicTo(9, 5.724, 8.902, 5.488, 8.707, 5.293) ..cubicTo(8.512, 5.098, 8.276, 5, 8, 5) ..cubicTo(7.859, 5, 7.741, 4.952, 7.644, 4.856) ..cubicTo(7.548, 4.759, 7.5, 4.641, 7.5, 4.5) ..cubicTo(7.5, 4.359, 7.548, 4.241, 7.644, 4.144) ..cubicTo(7.741, 4.048, 7.859, 4, 8, 4) ..lineTo(10.5, 4) ..cubicTo(10.638, 4, 10.756, 4.049, 10.854, 4.146) ..lineTo(11.854, 5.146) ..cubicTo(11.951, 5.244, 12, 5.362, 12, 5.5) ..cubicTo(12, 5.638, 12.049, 5.756, 12.146, 5.854) ..cubicTo(12.244, 5.951, 12.362, 6, 12.5, 6) ..cubicTo(12.638, 6, 12.756, 5.951, 12.854, 5.854) ..cubicTo(12.951, 5.756, 13, 5.638, 13, 5.5) ..lineTo(13, 3.5) ..cubicTo(13, 3.309, 12.965, 3.125, 12.895, 2.948) ..cubicTo(12.818, 2.755, 12.707, 2.586, 12.561, 2.439) ..cubicTo(12.414, 2.293, 12.245, 2.182, 12.052, 2.105) ..cubicTo(11.875, 2.035, 11.691, 2, 11.5, 2) ..lineTo(4.5, 2) ..cubicTo(4.359, 2, 4.241, 1.952, 4.144, 1.856) ..cubicTo(4.048, 1.759, 4, 1.641, 4, 1.5) ..cubicTo(4, 1.359, 4.048, 1.241, 4.144, 1.144) ..cubicTo(4.241, 1.048, 4.359, 1, 4.5, 1) ..lineTo(11.5, 1) ..cubicTo(11.818, 1, 12.125, 1.059, 12.42, 1.176) ..cubicTo(12.741, 1.303, 13.024, 1.488, 13.268, 1.732) ..cubicTo(13.512, 1.976, 13.697, 2.259, 13.824, 2.58) ..cubicTo(13.941, 2.875, 14, 3.182, 14, 3.5) ..lineTo(14, 5.5) ..cubicTo(14, 5.691, 13.965, 5.875, 13.895, 6.052) ..cubicTo(13.818, 6.245, 13.707, 6.414, 13.561, 6.561) ..cubicTo(13.414, 6.707, 13.245, 6.818, 13.052, 6.895) ..cubicTo(12.875, 6.965, 12.691, 7, 12.5, 7) ..cubicTo(12.309, 7, 12.125, 6.965, 11.948, 6.895) ..cubicTo(11.755, 6.818, 11.586, 6.707, 11.439, 6.561) ..cubicTo(11.293, 6.414, 11.182, 6.245, 11.105, 6.052) ..cubicTo(11.063, 5.945, 11.033, 5.836, 11.017, 5.724) ..lineTo(10.293, 5) ..lineTo(9.732, 5) ..cubicTo(9.781, 5.084, 9.823, 5.172, 9.86, 5.264) ..cubicTo(9.953, 5.5, 10, 5.746, 10, 6) ..cubicTo(10, 6.254, 9.953, 6.5, 9.86, 6.736) ..cubicTo(9.758, 6.993, 9.609, 7.219, 9.414, 7.414) ..cubicTo(9.219, 7.609, 8.993, 7.758, 8.736, 7.86) ..cubicTo(8.5, 7.953, 8.254, 8, 8, 8) ..lineTo(7.5, 8) ..cubicTo(7.362, 8, 7.244, 7.951, 7.146, 7.854) ..lineTo(4.146, 4.854) ..cubicTo(4.047, 4.754, 3.997, 4.636, 3.997, 4.5) ..cubicTo(3.997, 4.364, 4.047, 4.246, 4.146, 4.146) ..cubicTo(4.246, 4.047, 4.364, 3.997, 4.5, 3.997) ..cubicTo(4.636, 3.997, 4.754, 4.047, 4.854, 4.146) ..lineTo(7.707, 7) ..lineTo(8, 7) ..cubicTo(8.276, 7, 8.512, 6.902, 8.707, 6.707) ..close() ..moveTo(8.653, 14.87) ..cubicTo(8.444, 14.957, 8.226, 15, 8, 15) ..cubicTo(7.774, 15, 7.556, 14.957, 7.347, 14.87) ..cubicTo(7.138, 14.783, 6.953, 14.66, 6.793, 14.5) ..lineTo(5.146, 12.854) ..cubicTo(4.796, 12.503, 4.552, 12.236, 4.412, 12.05) ..cubicTo(4.137, 11.683, 4, 11.333, 4, 11) ..cubicTo(4, 10.362, 4.174, 9.869, 4.521, 9.521) ..cubicTo(4.869, 9.174, 5.362, 9, 6, 9) ..cubicTo(6.537, 9, 7.018, 9.128, 7.445, 9.384) ..cubicTo(7.61, 9.483, 7.778, 9.608, 7.948, 9.758) ..cubicTo(7.964, 9.772, 7.982, 9.788, 8, 9.805) ..cubicTo(8.018, 9.788, 8.036, 9.772, 8.052, 9.758) ..cubicTo(8.222, 9.607, 8.39, 9.483, 8.555, 9.384) ..cubicTo(8.982, 9.128, 9.463, 9, 10, 9) ..cubicTo(10.638, 9, 11.131, 9.174, 11.479, 9.521) ..cubicTo(11.826, 9.869, 12, 10.362, 12, 11) ..cubicTo(12, 11.333, 11.862, 11.683, 11.587, 12.05) ..cubicTo(11.448, 12.236, 11.204, 12.503, 10.854, 12.854) ..lineTo(9.207, 14.5) ..cubicTo(9.047, 14.66, 8.862, 14.783, 8.653, 14.87) ..close() ..moveTo(10.788, 11.45) ..cubicTo(10.929, 11.261, 11, 11.111, 11, 11) ..cubicTo(11, 10.638, 10.924, 10.381, 10.771, 10.229) ..cubicTo(10.619, 10.076, 10.362, 10, 10, 10) ..cubicTo(9.648, 10, 9.338, 10.08, 9.07, 10.241) ..cubicTo(8.957, 10.309, 8.838, 10.398, 8.714, 10.508) ..cubicTo(8.633, 10.579, 8.513, 10.694, 8.354, 10.854) ..cubicTo(8.254, 10.953, 8.136, 11.003, 8, 11.003) ..cubicTo(7.864, 11.003, 7.746, 10.953, 7.646, 10.854) ..cubicTo(7.487, 10.694, 7.367, 10.579, 7.286, 10.508) ..cubicTo(7.162, 10.398, 7.043, 10.309, 6.93, 10.241) ..cubicTo(6.662, 10.08, 6.352, 10, 6, 10) ..cubicTo(5.638, 10, 5.381, 10.076, 5.229, 10.229) ..cubicTo(5.076, 10.381, 5, 10.638, 5, 11) ..cubicTo(5, 11.111, 5.071, 11.261, 5.213, 11.45) ..cubicTo(5.323, 11.598, 5.537, 11.83, 5.854, 12.146) ..lineTo(7.5, 13.793) ..cubicTo(7.638, 13.931, 7.805, 14, 8, 14) ..cubicTo(8.195, 14, 8.362, 13.931, 8.5, 13.793) ..lineTo(10.146, 12.146) ..cubicTo(10.463, 11.83, 10.677, 11.598, 10.788, 11.45) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CprIconPainter old) => old.color != color; } ```