lifesaver icon
lifesaver from Carbon by IBM · Outline · Planning · Apache-2.0 Free for personal and commercial use.
- Name
- lifesaver
- Set
- Carbon
- Style
- Outline
- Category
- Planning
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More planning icons from Carbon
accumulation-iceaccumulation-precipitationaccumulation-rainaccumulation-snowagriculture-analyticsairline-digital-gateairline-manage-gatesairline-passenger-careairline-rapid-boardairport-01airport-02airport-locationalarmalarm-addalarm-subtractarray-date-timearray-timearrivalbaggage-claimbarbicyclebootbuoybus
Use the lifesaver icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><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"/></svg>
React
import type { SVGProps } from "react";
export function CarbonLifesaver(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><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"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><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"/></svg> </template>
CSS
.icon-lifesaver {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.226%2022.812a13.97%2013.97%200%200%200%200-13.624L28.414%209a2%202%200%200%200%200-2.828l-2.586-2.586a2.003%202.003%200%200%200-2.828%200l-.188.187a13.97%2013.97%200%200%200-13.624%200L9%203.586a2%202%200%200%200-2.828%200L3.586%206.172a2%202%200%200%200%200%202.828l.188.188a13.97%2013.97%200%200%200%200%2013.625L3.586%2023a2%202%200%200%200%200%202.828l2.586%202.586a2%202%200%200%200%202.828%200l.188-.188a13.97%2013.97%200%200%200%2013.624%200l.188.188a2%202%200%200%200%202.828%200l2.586-2.586a2%202%200%200%200%200-2.828ZM28%2016a12%2012%200%200%201-1.255%205.332l-3.894-3.896a7%207%200%200%200%200-2.873l3.894-3.895A12%2012%200%200%201%2028%2016m-1-8.414l-4.935%204.934a7.04%207.04%200%200%200-2.585-2.585L24.414%205ZM16%2021a5%205%200%201%201%205-5a5.006%205.006%200%200%201-5%205m5.315-15.73l-3.879%203.88a7%207%200%200%200-2.873%200l-3.878-3.88a12.25%2012.25%200%200%201%2010.63%200M7.585%205l4.935%204.935a7.05%207.05%200%200%200-2.585%202.585L5%207.587ZM4%2016a12%2012%200%200%201%201.255-5.331l3.894%203.895a7%207%200%200%200%200%202.873L5.255%2021.33A12%2012%200%200%201%204%2016m3.586%2011L5%2024.414l4.935-4.934a7.04%207.04%200%200%200%202.585%202.586Zm3.099-.27l3.878-3.879a7%207%200%200%200%202.873%200l3.88%203.879a12.25%2012.25%200%200%201-10.631%200m13.73.27l-4.935-4.935a7.05%207.05%200%200%200%202.585-2.585L27%2024.414Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.226%2022.812a13.97%2013.97%200%200%200%200-13.624L28.414%209a2%202%200%200%200%200-2.828l-2.586-2.586a2.003%202.003%200%200%200-2.828%200l-.188.187a13.97%2013.97%200%200%200-13.624%200L9%203.586a2%202%200%200%200-2.828%200L3.586%206.172a2%202%200%200%200%200%202.828l.188.188a13.97%2013.97%200%200%200%200%2013.625L3.586%2023a2%202%200%200%200%200%202.828l2.586%202.586a2%202%200%200%200%202.828%200l.188-.188a13.97%2013.97%200%200%200%2013.624%200l.188.188a2%202%200%200%200%202.828%200l2.586-2.586a2%202%200%200%200%200-2.828ZM28%2016a12%2012%200%200%201-1.255%205.332l-3.894-3.896a7%207%200%200%200%200-2.873l3.894-3.895A12%2012%200%200%201%2028%2016m-1-8.414l-4.935%204.934a7.04%207.04%200%200%200-2.585-2.585L24.414%205ZM16%2021a5%205%200%201%201%205-5a5.006%205.006%200%200%201-5%205m5.315-15.73l-3.879%203.88a7%207%200%200%200-2.873%200l-3.878-3.88a12.25%2012.25%200%200%201%2010.63%200M7.585%205l4.935%204.935a7.05%207.05%200%200%200-2.585%202.585L5%207.587ZM4%2016a12%2012%200%200%201%201.255-5.331l3.894%203.895a7%207%200%200%200%200%202.873L5.255%2021.33A12%2012%200%200%201%204%2016m3.586%2011L5%2024.414l4.935-4.934a7.04%207.04%200%200%200%202.585%202.586Zm3.099-.27l3.878-3.879a7%207%200%200%200%202.873%200l3.88%203.879a12.25%2012.25%200%200%201-10.631%200m13.73.27l-4.935-4.935a7.05%207.05%200%200%200%202.585-2.585L27%2024.414Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/lifesaver.svg?color=%231a73e8&size=48
