life saver icon
life-saver-solid from Flowbite Icons by Themesberg · Solid · General · MIT Free for personal and commercial use.
- Name
- life-saver-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- General
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
More general icons from Flowbite Icons
add-column-after-outlineadd-column-before-outlineadjustments-horizontal-outlineadjustments-vertical-outlineannotation-outlineapi-key-outlinearchive-outlinearrow-up-right-from-square-outlineatom-outlineaward-outlinebadge-check-outlineban-outlinebarcode-outlinebars-from-left-outlinebars-outlinebattery-outlinebed-outlinebell-active-alt-outlinebell-active-outlinebell-outlinebell-ring-outlineblender-phone-outlinebook-open-outlinebook-outline
Use the life saver icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.4 3.736l3.43 3.429A5 5 0 0 1 12.133 7q.535.016 1.056.147l3.41-3.412a2.3 2.3 0 0 1 .451-.344A9.9 9.9 0 0 0 12.268 2a10 10 0 0 0-5.322 1.392q.249.143.454.344m11.451 1.54l-.127-.127a.5.5 0 0 0-.706 0l-2.932 2.932c.03.023.05.054.078.077q.356.292.651.645c.033.038.077.067.11.107l2.926-2.927a.5.5 0 0 0 0-.707m-2.931 9.81c-.025.03-.058.052-.082.082a5 5 0 0 1-.633.639c-.04.036-.072.083-.115.117l2.927 2.927a.5.5 0 0 0 .707 0l.127-.127a.5.5 0 0 0 0-.707l-2.932-2.931Zm-1.443-4.763a3.04 3.04 0 0 0-1.383-1.1l-.012-.007a3 3 0 0 0-1-.213H12a2.96 2.96 0 0 0-2.122.893c-.285.29-.509.634-.657 1.013l-.009.016a3 3 0 0 0-.21 1a3 3 0 0 0 .488 1.716l.032.04a3.04 3.04 0 0 0 1.384 1.1l.012.007c.319.129.657.2 1 .213c.393.015.784-.05 1.15-.192l.033-.018a3 3 0 0 0 1.676-1.7v-.007a2.9 2.9 0 0 0 0-2.207a3 3 0 0 0-.27-.515c-.007-.012-.02-.025-.03-.039m6.137-3.373a2.5 2.5 0 0 1-.349.447l-3.426 3.426c.112.428.166.869.161 1.311a5 5 0 0 1-.148 1.054l3.413 3.412q.2.202.347.444A9.9 9.9 0 0 0 22 12.269a9.9 9.9 0 0 0-1.386-5.319M16.6 20.264l-3.42-3.421c-.386.1-.782.152-1.18.157h-.135q-.535-.016-1.056-.147L7.4 20.265a2.5 2.5 0 0 1-.444.347A9.9 9.9 0 0 0 11.732 22H12a9.9 9.9 0 0 0 5.044-1.388a2.5 2.5 0 0 1-.444-.348M3.735 16.6l3.426-3.426a4.6 4.6 0 0 1-.013-2.367L3.735 7.4a2.5 2.5 0 0 1-.349-.447a9.89 9.89 0 0 0 0 10.1a2.5 2.5 0 0 1 .35-.453Zm5.101-.758a5 5 0 0 1-.65-.645c-.034-.038-.078-.067-.11-.107L5.15 18.017a.5.5 0 0 0 0 .707l.127.127a.5.5 0 0 0 .706 0l2.932-2.933c-.029-.018-.049-.053-.078-.076Zm-.755-6.928c.03-.037.07-.063.1-.1q.274-.33.6-.609c.046-.04.081-.092.128-.13L5.983 5.149a.5.5 0 0 0-.707 0l-.127.127a.5.5 0 0 0 0 .707z"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteLifeSaverSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.4 3.736l3.43 3.429A5 5 0 0 1 12.133 7q.535.016 1.056.147l3.41-3.412a2.3 2.3 0 0 1 .451-.344A9.9 9.9 0 0 0 12.268 2a10 10 0 0 0-5.322 1.392q.249.143.454.344m11.451 1.54l-.127-.127a.5.5 0 0 0-.706 0l-2.932 2.932c.03.023.05.054.078.077q.356.292.651.645c.033.038.077.067.11.107l2.926-2.927a.5.5 0 0 0 0-.707m-2.931 9.81c-.025.03-.058.052-.082.082a5 5 0 0 1-.633.639c-.04.036-.072.083-.115.117l2.927 2.927a.5.5 0 0 0 .707 0l.127-.127a.5.5 0 0 0 0-.707l-2.932-2.931Zm-1.443-4.763a3.04 3.04 0 0 0-1.383-1.1l-.012-.007a3 3 0 0 0-1-.213H12a2.96 2.96 0 0 0-2.122.893c-.285.29-.509.634-.657 1.013l-.009.016a3 3 0 0 0-.21 1a3 3 0 0 0 .488 1.716l.032.04a3.04 3.04 0 0 0 1.384 1.1l.012.007c.319.129.657.2 1 .213c.393.015.784-.05 1.15-.192l.033-.018a3 3 0 0 0 1.676-1.7v-.007a2.9 2.9 0 0 0 0-2.207a3 3 0 0 0-.27-.515c-.007-.012-.02-.025-.03-.039m6.137-3.373a2.5 2.5 0 0 1-.349.447l-3.426 3.426c.112.428.166.869.161 1.311a5 5 0 0 1-.148 1.054l3.413 3.412q.2.202.347.444A9.9 9.9 0 0 0 22 12.269a9.9 9.9 0 0 0-1.386-5.319M16.6 20.264l-3.42-3.421c-.386.1-.782.152-1.18.157h-.135q-.535-.016-1.056-.147L7.4 20.265a2.5 2.5 0 0 1-.444.347A9.9 9.9 0 0 0 11.732 22H12a9.9 9.9 0 0 0 5.044-1.388a2.5 2.5 0 0 1-.444-.348M3.735 16.6l3.426-3.426a4.6 4.6 0 0 1-.013-2.367L3.735 7.4a2.5 2.5 0 0 1-.349-.447a9.89 9.89 0 0 0 0 10.1a2.5 2.5 0 0 1 .35-.453Zm5.101-.758a5 5 0 0 1-.65-.645c-.034-.038-.078-.067-.11-.107L5.15 18.017a.5.5 0 0 0 0 .707l.127.127a.5.5 0 0 0 .706 0l2.932-2.933c-.029-.018-.049-.053-.078-.076Zm-.755-6.928c.03-.037.07-.063.1-.1q.274-.33.6-.609c.046-.04.081-.092.128-.13L5.983 5.149a.5.5 0 0 0-.707 0l-.127.127a.5.5 0 0 0 0 .707z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.4 3.736l3.43 3.429A5 5 0 0 1 12.133 7q.535.016 1.056.147l3.41-3.412a2.3 2.3 0 0 1 .451-.344A9.9 9.9 0 0 0 12.268 2a10 10 0 0 0-5.322 1.392q.249.143.454.344m11.451 1.54l-.127-.127a.5.5 0 0 0-.706 0l-2.932 2.932c.03.023.05.054.078.077q.356.292.651.645c.033.038.077.067.11.107l2.926-2.927a.5.5 0 0 0 0-.707m-2.931 9.81c-.025.03-.058.052-.082.082a5 5 0 0 1-.633.639c-.04.036-.072.083-.115.117l2.927 2.927a.5.5 0 0 0 .707 0l.127-.127a.5.5 0 0 0 0-.707l-2.932-2.931Zm-1.443-4.763a3.04 3.04 0 0 0-1.383-1.1l-.012-.007a3 3 0 0 0-1-.213H12a2.96 2.96 0 0 0-2.122.893c-.285.29-.509.634-.657 1.013l-.009.016a3 3 0 0 0-.21 1a3 3 0 0 0 .488 1.716l.032.04a3.04 3.04 0 0 0 1.384 1.1l.012.007c.319.129.657.2 1 .213c.393.015.784-.05 1.15-.192l.033-.018a3 3 0 0 0 1.676-1.7v-.007a2.9 2.9 0 0 0 0-2.207a3 3 0 0 0-.27-.515c-.007-.012-.02-.025-.03-.039m6.137-3.373a2.5 2.5 0 0 1-.349.447l-3.426 3.426c.112.428.166.869.161 1.311a5 5 0 0 1-.148 1.054l3.413 3.412q.2.202.347.444A9.9 9.9 0 0 0 22 12.269a9.9 9.9 0 0 0-1.386-5.319M16.6 20.264l-3.42-3.421c-.386.1-.782.152-1.18.157h-.135q-.535-.016-1.056-.147L7.4 20.265a2.5 2.5 0 0 1-.444.347A9.9 9.9 0 0 0 11.732 22H12a9.9 9.9 0 0 0 5.044-1.388a2.5 2.5 0 0 1-.444-.348M3.735 16.6l3.426-3.426a4.6 4.6 0 0 1-.013-2.367L3.735 7.4a2.5 2.5 0 0 1-.349-.447a9.89 9.89 0 0 0 0 10.1a2.5 2.5 0 0 1 .35-.453Zm5.101-.758a5 5 0 0 1-.65-.645c-.034-.038-.078-.067-.11-.107L5.15 18.017a.5.5 0 0 0 0 .707l.127.127a.5.5 0 0 0 .706 0l2.932-2.933c-.029-.018-.049-.053-.078-.076Zm-.755-6.928c.03-.037.07-.063.1-.1q.274-.33.6-.609c.046-.04.081-.092.128-.13L5.983 5.149a.5.5 0 0 0-.707 0l-.127.127a.5.5 0 0 0 0 .707z"/></svg> </template>
CSS
.icon-life-saver-solid {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.4%203.736l3.43%203.429A5%205%200%200%201%2012.133%207q.535.016%201.056.147l3.41-3.412a2.3%202.3%200%200%201%20.451-.344A9.9%209.9%200%200%200%2012.268%202a10%2010%200%200%200-5.322%201.392q.249.143.454.344m11.451%201.54l-.127-.127a.5.5%200%200%200-.706%200l-2.932%202.932c.03.023.05.054.078.077q.356.292.651.645c.033.038.077.067.11.107l2.926-2.927a.5.5%200%200%200%200-.707m-2.931%209.81c-.025.03-.058.052-.082.082a5%205%200%200%201-.633.639c-.04.036-.072.083-.115.117l2.927%202.927a.5.5%200%200%200%20.707%200l.127-.127a.5.5%200%200%200%200-.707l-2.932-2.931Zm-1.443-4.763a3.04%203.04%200%200%200-1.383-1.1l-.012-.007a3%203%200%200%200-1-.213H12a2.96%202.96%200%200%200-2.122.893c-.285.29-.509.634-.657%201.013l-.009.016a3%203%200%200%200-.21%201a3%203%200%200%200%20.488%201.716l.032.04a3.04%203.04%200%200%200%201.384%201.1l.012.007c.319.129.657.2%201%20.213c.393.015.784-.05%201.15-.192l.033-.018a3%203%200%200%200%201.676-1.7v-.007a2.9%202.9%200%200%200%200-2.207a3%203%200%200%200-.27-.515c-.007-.012-.02-.025-.03-.039m6.137-3.373a2.5%202.5%200%200%201-.349.447l-3.426%203.426c.112.428.166.869.161%201.311a5%205%200%200%201-.148%201.054l3.413%203.412q.2.202.347.444A9.9%209.9%200%200%200%2022%2012.269a9.9%209.9%200%200%200-1.386-5.319M16.6%2020.264l-3.42-3.421c-.386.1-.782.152-1.18.157h-.135q-.535-.016-1.056-.147L7.4%2020.265a2.5%202.5%200%200%201-.444.347A9.9%209.9%200%200%200%2011.732%2022H12a9.9%209.9%200%200%200%205.044-1.388a2.5%202.5%200%200%201-.444-.348M3.735%2016.6l3.426-3.426a4.6%204.6%200%200%201-.013-2.367L3.735%207.4a2.5%202.5%200%200%201-.349-.447a9.89%209.89%200%200%200%200%2010.1a2.5%202.5%200%200%201%20.35-.453Zm5.101-.758a5%205%200%200%201-.65-.645c-.034-.038-.078-.067-.11-.107L5.15%2018.017a.5.5%200%200%200%200%20.707l.127.127a.5.5%200%200%200%20.706%200l2.932-2.933c-.029-.018-.049-.053-.078-.076Zm-.755-6.928c.03-.037.07-.063.1-.1q.274-.33.6-.609c.046-.04.081-.092.128-.13L5.983%205.149a.5.5%200%200%200-.707%200l-.127.127a.5.5%200%200%200%200%20.707z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.4%203.736l3.43%203.429A5%205%200%200%201%2012.133%207q.535.016%201.056.147l3.41-3.412a2.3%202.3%200%200%201%20.451-.344A9.9%209.9%200%200%200%2012.268%202a10%2010%200%200%200-5.322%201.392q.249.143.454.344m11.451%201.54l-.127-.127a.5.5%200%200%200-.706%200l-2.932%202.932c.03.023.05.054.078.077q.356.292.651.645c.033.038.077.067.11.107l2.926-2.927a.5.5%200%200%200%200-.707m-2.931%209.81c-.025.03-.058.052-.082.082a5%205%200%200%201-.633.639c-.04.036-.072.083-.115.117l2.927%202.927a.5.5%200%200%200%20.707%200l.127-.127a.5.5%200%200%200%200-.707l-2.932-2.931Zm-1.443-4.763a3.04%203.04%200%200%200-1.383-1.1l-.012-.007a3%203%200%200%200-1-.213H12a2.96%202.96%200%200%200-2.122.893c-.285.29-.509.634-.657%201.013l-.009.016a3%203%200%200%200-.21%201a3%203%200%200%200%20.488%201.716l.032.04a3.04%203.04%200%200%200%201.384%201.1l.012.007c.319.129.657.2%201%20.213c.393.015.784-.05%201.15-.192l.033-.018a3%203%200%200%200%201.676-1.7v-.007a2.9%202.9%200%200%200%200-2.207a3%203%200%200%200-.27-.515c-.007-.012-.02-.025-.03-.039m6.137-3.373a2.5%202.5%200%200%201-.349.447l-3.426%203.426c.112.428.166.869.161%201.311a5%205%200%200%201-.148%201.054l3.413%203.412q.2.202.347.444A9.9%209.9%200%200%200%2022%2012.269a9.9%209.9%200%200%200-1.386-5.319M16.6%2020.264l-3.42-3.421c-.386.1-.782.152-1.18.157h-.135q-.535-.016-1.056-.147L7.4%2020.265a2.5%202.5%200%200%201-.444.347A9.9%209.9%200%200%200%2011.732%2022H12a9.9%209.9%200%200%200%205.044-1.388a2.5%202.5%200%200%201-.444-.348M3.735%2016.6l3.426-3.426a4.6%204.6%200%200%201-.013-2.367L3.735%207.4a2.5%202.5%200%200%201-.349-.447a9.89%209.89%200%200%200%200%2010.1a2.5%202.5%200%200%201%20.35-.453Zm5.101-.758a5%205%200%200%201-.65-.645c-.034-.038-.078-.067-.11-.107L5.15%2018.017a.5.5%200%200%200%200%20.707l.127.127a.5.5%200%200%200%20.706%200l2.932-2.933c-.029-.018-.049-.053-.078-.076Zm-.755-6.928c.03-.037.07-.063.1-.1q.274-.33.6-.609c.046-.04.081-.092.128-.13L5.983%205.149a.5.5%200%200%200-.707%200l-.127.127a.5.5%200%200%200%200%20.707z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/life-saver-solid.svg?color=%231a73e8&size=48
