lifesaver · Carbon

Free SVG lifesaver icon from Carbon. Rendered at 24×24 in the filled style and licensed under Apache-2.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for Apache-2.0 licensed icons.

Code

HTML / SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="M28.226 22.812a13.97 13.97 0 0 0 0-13.624L28.414 9a2 2 0 0 0 0-2.828l-2.586-2.586a2.003 2.003 0 0 0-2.828 0l-.188.187a13.97 13.97 0 0 0-13.624 0L9 3.586a2 2 0 0 0-2.828 0L3.586 6.172a2 2 0 0 0 0 2.828l.188.188a13.97 13.97 0 0 0 0 13.625L3.586 23a2 2 0 0 0 0 2.828l2.586 2.586a2 2 0 0 0 2.828 0l.188-.188a13.97 13.97 0 0 0 13.624 0l.188.188a2 2 0 0 0 2.828 0l2.586-2.586a2 2 0 0 0 0-2.828ZM28 16a12 12 0 0 1-1.255 5.332l-3.894-3.896a7 7 0 0 0 0-2.873l3.894-3.895A12 12 0 0 1 28 16m-1-8.414l-4.935 4.934a7.04 7.04 0 0 0-2.585-2.585L24.414 5ZM16 21a5 5 0 1 1 5-5a5.006 5.006 0 0 1-5 5m5.315-15.73l-3.879 3.88a7 7 0 0 0-2.873 0l-3.878-3.88a12.25 12.25 0 0 1 10.63 0M7.585 5l4.935 4.935a7.05 7.05 0 0 0-2.585 2.585L5 7.587ZM4 16a12 12 0 0 1 1.255-5.331l3.894 3.895a7 7 0 0 0 0 2.873L5.255 21.33A12 12 0 0 1 4 16m3.586 11L5 24.414l4.935-4.934a7.04 7.04 0 0 0 2.585 2.586Zm3.099-.27l3.878-3.879a7 7 0 0 0 2.873 0l3.88 3.879a12.25 12.25 0 0 1-10.631 0m13.73.27l-4.935-4.935a7.05 7.05 0 0 0 2.585-2.585L27 24.414Z"/></g></svg>

React

// Run: npx sant-icons get carbon-lifesaver --format react
export function CarbonLifesaver(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="M28.226 22.812a13.97 13.97 0 0 0 0-13.624L28.414 9a2 2 0 0 0 0-2.828l-2.586-2.586a2.003 2.003 0 0 0-2.828 0l-.188.187a13.97 13.97 0 0 0-13.624 0L9 3.586a2 2 0 0 0-2.828 0L3.586 6.172a2 2 0 0 0 0 2.828l.188.188a13.97 13.97 0 0 0 0 13.625L3.586 23a2 2 0 0 0 0 2.828l2.586 2.586a2 2 0 0 0 2.828 0l.188-.188a13.97 13.97 0 0 0 13.624 0l.188.188a2 2 0 0 0 2.828 0l2.586-2.586a2 2 0 0 0 0-2.828ZM28 16a12 12 0 0 1-1.255 5.332l-3.894-3.896a7 7 0 0 0 0-2.873l3.894-3.895A12 12 0 0 1 28 16m-1-8.414l-4.935 4.934a7.04 7.04 0 0 0-2.585-2.585L24.414 5ZM16 21a5 5 0 1 1 5-5a5.006 5.006 0 0 1-5 5m5.315-15.73l-3.879 3.88a7 7 0 0 0-2.873 0l-3.878-3.88a12.25 12.25 0 0 1 10.63 0M7.585 5l4.935 4.935a7.05 7.05 0 0 0-2.585 2.585L5 7.587ZM4 16a12 12 0 0 1 1.255-5.331l3.894 3.895a7 7 0 0 0 0 2.873L5.255 21.33A12 12 0 0 1 4 16m3.586 11L5 24.414l4.935-4.934a7.04 7.04 0 0 0 2.585 2.586Zm3.099-.27l3.878-3.879a7 7 0 0 0 2.873 0l3.88 3.879a12.25 12.25 0 0 1-10.631 0m13.73.27l-4.935-4.935a7.05 7.05 0 0 0 2.585-2.585L27 24.414Z"/></g></svg>
  );
}

CLI

npx sant-icons get carbon-lifesaver

Properties

Name: lifesaver
Library: Carbon
Style: filled
License: Apache-2.0
Version: 1.2.30
Identifier: carbon-lifesaver

The lifesaver icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon lifesaver", "lifesaver svg", or any of its tagged terms (lifesaver). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch carbon-lifesaver directly into your project. No browser context-switch.

lifesaver · Carbon

Tags

Code

Properties