lifebuoy icon
lifebuoy from IconPark by ByteDance · Color · Energy · Apache-2.0 Free for personal and commercial use.
- Name
- lifebuoy
- Set
- IconPark
- Style
- Color
- Category
- Energy
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More energy icons from IconPark
Use the lifebuoy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M38.1421 38.1421C45.9526 30.3316 45.9526 17.6684 38.1421 9.85786C30.3316 2.04738 17.6684 2.04738 9.85786 9.85786C2.04738 17.6684 2.04738 30.3316 9.85786 38.1421C17.6684 45.9526 30.3316 45.9526 38.1421 38.1421ZM32.4853 15.5147C37.1716 20.201 37.1716 27.799 32.4853 32.4853C27.799 37.1716 20.201 37.1716 15.5147 32.4853C10.8284 27.799 10.8284 20.201 15.5147 15.5147C20.201 10.8284 27.799 10.8284 32.4853 15.5147Z" clip-rule="evenodd"/><path d="M38.142 38.1421L32.4851 32.4852"/><path d="M9.85791 38.1421L15.5148 32.4852"/><path d="M9.85791 9.85791L15.5148 15.5148"/><path d="M38.142 9.85791L32.4851 15.5148"/><path d="M32.4853 32.4853C37.1716 27.799 37.1716 20.201 32.4853 15.5147C27.799 10.8284 20.201 10.8284 15.5147 15.5147C10.8284 20.201 10.8284 27.799 15.5147 32.4853C20.201 37.1716 27.799 37.1716 32.4853 32.4853Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkLifebuoy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M38.1421 38.1421C45.9526 30.3316 45.9526 17.6684 38.1421 9.85786C30.3316 2.04738 17.6684 2.04738 9.85786 9.85786C2.04738 17.6684 2.04738 30.3316 9.85786 38.1421C17.6684 45.9526 30.3316 45.9526 38.1421 38.1421ZM32.4853 15.5147C37.1716 20.201 37.1716 27.799 32.4853 32.4853C27.799 37.1716 20.201 37.1716 15.5147 32.4853C10.8284 27.799 10.8284 20.201 15.5147 15.5147C20.201 10.8284 27.799 10.8284 32.4853 15.5147Z" clipRule="evenodd"/><path d="M38.142 38.1421L32.4851 32.4852"/><path d="M9.85791 38.1421L15.5148 32.4852"/><path d="M9.85791 9.85791L15.5148 15.5148"/><path d="M38.142 9.85791L32.4851 15.5148"/><path d="M32.4853 32.4853C37.1716 27.799 37.1716 20.201 32.4853 15.5147C27.799 10.8284 20.201 10.8284 15.5147 15.5147C10.8284 20.201 10.8284 27.799 15.5147 32.4853C20.201 37.1716 27.799 37.1716 32.4853 32.4853Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M38.1421 38.1421C45.9526 30.3316 45.9526 17.6684 38.1421 9.85786C30.3316 2.04738 17.6684 2.04738 9.85786 9.85786C2.04738 17.6684 2.04738 30.3316 9.85786 38.1421C17.6684 45.9526 30.3316 45.9526 38.1421 38.1421ZM32.4853 15.5147C37.1716 20.201 37.1716 27.799 32.4853 32.4853C27.799 37.1716 20.201 37.1716 15.5147 32.4853C10.8284 27.799 10.8284 20.201 15.5147 15.5147C20.201 10.8284 27.799 10.8284 32.4853 15.5147Z" clip-rule="evenodd"/><path d="M38.142 38.1421L32.4851 32.4852"/><path d="M9.85791 38.1421L15.5148 32.4852"/><path d="M9.85791 9.85791L15.5148 15.5148"/><path d="M38.142 9.85791L32.4851 15.5148"/><path d="M32.4853 32.4853C37.1716 27.799 37.1716 20.201 32.4853 15.5147C27.799 10.8284 20.201 10.8284 15.5147 15.5147C10.8284 20.201 10.8284 27.799 15.5147 32.4853C20.201 37.1716 27.799 37.1716 32.4853 32.4853Z"/></g></svg> </template>
CSS
.icon-lifebuoy {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M38.1421%2038.1421C45.9526%2030.3316%2045.9526%2017.6684%2038.1421%209.85786C30.3316%202.04738%2017.6684%202.04738%209.85786%209.85786C2.04738%2017.6684%202.04738%2030.3316%209.85786%2038.1421C17.6684%2045.9526%2030.3316%2045.9526%2038.1421%2038.1421ZM32.4853%2015.5147C37.1716%2020.201%2037.1716%2027.799%2032.4853%2032.4853C27.799%2037.1716%2020.201%2037.1716%2015.5147%2032.4853C10.8284%2027.799%2010.8284%2020.201%2015.5147%2015.5147C20.201%2010.8284%2027.799%2010.8284%2032.4853%2015.5147Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M38.142%2038.1421L32.4851%2032.4852%22%2F%3E%3Cpath%20d%3D%22M9.85791%2038.1421L15.5148%2032.4852%22%2F%3E%3Cpath%20d%3D%22M9.85791%209.85791L15.5148%2015.5148%22%2F%3E%3Cpath%20d%3D%22M38.142%209.85791L32.4851%2015.5148%22%2F%3E%3Cpath%20d%3D%22M32.4853%2032.4853C37.1716%2027.799%2037.1716%2020.201%2032.4853%2015.5147C27.799%2010.8284%2020.201%2010.8284%2015.5147%2015.5147C10.8284%2020.201%2010.8284%2027.799%2015.5147%2032.4853C20.201%2037.1716%2027.799%2037.1716%2032.4853%2032.4853Z%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M38.1421%2038.1421C45.9526%2030.3316%2045.9526%2017.6684%2038.1421%209.85786C30.3316%202.04738%2017.6684%202.04738%209.85786%209.85786C2.04738%2017.6684%202.04738%2030.3316%209.85786%2038.1421C17.6684%2045.9526%2030.3316%2045.9526%2038.1421%2038.1421ZM32.4853%2015.5147C37.1716%2020.201%2037.1716%2027.799%2032.4853%2032.4853C27.799%2037.1716%2020.201%2037.1716%2015.5147%2032.4853C10.8284%2027.799%2010.8284%2020.201%2015.5147%2015.5147C20.201%2010.8284%2027.799%2010.8284%2032.4853%2015.5147Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M38.142%2038.1421L32.4851%2032.4852%22%2F%3E%3Cpath%20d%3D%22M9.85791%2038.1421L15.5148%2032.4852%22%2F%3E%3Cpath%20d%3D%22M9.85791%209.85791L15.5148%2015.5148%22%2F%3E%3Cpath%20d%3D%22M38.142%209.85791L32.4851%2015.5148%22%2F%3E%3Cpath%20d%3D%22M32.4853%2032.4853C37.1716%2027.799%2037.1716%2020.201%2032.4853%2015.5147C27.799%2010.8284%2020.201%2010.8284%2015.5147%2015.5147C10.8284%2020.201%2010.8284%2027.799%2015.5147%2032.4853C20.201%2037.1716%2027.799%2037.1716%2032.4853%2032.4853Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/lifebuoy.svg?color=%231a73e8&size=48
