lifebuoy icon
lifebuoy-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- lifebuoy-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All lifebuoy icons →More newicons icons from Reicon
Use the lifebuoy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 12c0-.663.149-1.292.411-1.862c.204-.442.169-.978-.175-1.322L5.16 6.24c-.41-.41-1.086-.388-1.417.088A9.9 9.9 0 0 0 1.971 12c0 2.104.65 4.058 1.762 5.67c.33.477 1.008.5 1.419.09l2.583-2.576c.344-.344.38-.881.176-1.323A4.4 4.4 0 0 1 7.501 12M12 7.5c.664 0 1.294.148 1.864.41c.441.204.978.17 1.321-.174l2.55-2.55c.409-.409.388-1.083-.086-1.415A9.9 9.9 0 0 0 11.97 2c-2.104 0-4.051.65-5.66 1.762c-.478.33-.501 1.008-.09 1.42l2.56 2.567c.346.346.888.38 1.332.172A4.4 4.4 0 0 1 12 7.5m7.89-1.596a.48.48 0 0 0-.72-.036l-3.219 3.21a.54.54 0 0 0-.07.656a4.46 4.46 0 0 1 0 4.529a.54.54 0 0 0 .07.655l3.219 3.22a.48.48 0 0 0 .72-.036a9.94 9.94 0 0 0 2.08-6.104a9.9 9.9 0 0 0-2.08-6.094M12 16.498a4.46 4.46 0 0 1-2.265-.619a.54.54 0 0 0-.656.07l-3.25 3.249a.48.48 0 0 0 .037.72a9.94 9.94 0 0 0 6.103 2.08a9.87 9.87 0 0 0 6.108-2.089a.48.48 0 0 0 .034-.719l-3.225-3.224a.54.54 0 0 0-.65-.071a4.46 4.46 0 0 1-2.237.603"/></svg>
React
import type { SVGProps } from "react";
export function ReiconLifebuoyFilled(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.5 12c0-.663.149-1.292.411-1.862c.204-.442.169-.978-.175-1.322L5.16 6.24c-.41-.41-1.086-.388-1.417.088A9.9 9.9 0 0 0 1.971 12c0 2.104.65 4.058 1.762 5.67c.33.477 1.008.5 1.419.09l2.583-2.576c.344-.344.38-.881.176-1.323A4.4 4.4 0 0 1 7.501 12M12 7.5c.664 0 1.294.148 1.864.41c.441.204.978.17 1.321-.174l2.55-2.55c.409-.409.388-1.083-.086-1.415A9.9 9.9 0 0 0 11.97 2c-2.104 0-4.051.65-5.66 1.762c-.478.33-.501 1.008-.09 1.42l2.56 2.567c.346.346.888.38 1.332.172A4.4 4.4 0 0 1 12 7.5m7.89-1.596a.48.48 0 0 0-.72-.036l-3.219 3.21a.54.54 0 0 0-.07.656a4.46 4.46 0 0 1 0 4.529a.54.54 0 0 0 .07.655l3.219 3.22a.48.48 0 0 0 .72-.036a9.94 9.94 0 0 0 2.08-6.104a9.9 9.9 0 0 0-2.08-6.094M12 16.498a4.46 4.46 0 0 1-2.265-.619a.54.54 0 0 0-.656.07l-3.25 3.249a.48.48 0 0 0 .037.72a9.94 9.94 0 0 0 6.103 2.08a9.87 9.87 0 0 0 6.108-2.089a.48.48 0 0 0 .034-.719l-3.225-3.224a.54.54 0 0 0-.65-.071a4.46 4.46 0 0 1-2.237.603"/></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.5 12c0-.663.149-1.292.411-1.862c.204-.442.169-.978-.175-1.322L5.16 6.24c-.41-.41-1.086-.388-1.417.088A9.9 9.9 0 0 0 1.971 12c0 2.104.65 4.058 1.762 5.67c.33.477 1.008.5 1.419.09l2.583-2.576c.344-.344.38-.881.176-1.323A4.4 4.4 0 0 1 7.501 12M12 7.5c.664 0 1.294.148 1.864.41c.441.204.978.17 1.321-.174l2.55-2.55c.409-.409.388-1.083-.086-1.415A9.9 9.9 0 0 0 11.97 2c-2.104 0-4.051.65-5.66 1.762c-.478.33-.501 1.008-.09 1.42l2.56 2.567c.346.346.888.38 1.332.172A4.4 4.4 0 0 1 12 7.5m7.89-1.596a.48.48 0 0 0-.72-.036l-3.219 3.21a.54.54 0 0 0-.07.656a4.46 4.46 0 0 1 0 4.529a.54.54 0 0 0 .07.655l3.219 3.22a.48.48 0 0 0 .72-.036a9.94 9.94 0 0 0 2.08-6.104a9.9 9.9 0 0 0-2.08-6.094M12 16.498a4.46 4.46 0 0 1-2.265-.619a.54.54 0 0 0-.656.07l-3.25 3.249a.48.48 0 0 0 .037.72a9.94 9.94 0 0 0 6.103 2.08a9.87 9.87 0 0 0 6.108-2.089a.48.48 0 0 0 .034-.719l-3.225-3.224a.54.54 0 0 0-.65-.071a4.46 4.46 0 0 1-2.237.603"/></svg> </template>
CSS
.icon-lifebuoy-filled {
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.5%2012c0-.663.149-1.292.411-1.862c.204-.442.169-.978-.175-1.322L5.16%206.24c-.41-.41-1.086-.388-1.417.088A9.9%209.9%200%200%200%201.971%2012c0%202.104.65%204.058%201.762%205.67c.33.477%201.008.5%201.419.09l2.583-2.576c.344-.344.38-.881.176-1.323A4.4%204.4%200%200%201%207.501%2012M12%207.5c.664%200%201.294.148%201.864.41c.441.204.978.17%201.321-.174l2.55-2.55c.409-.409.388-1.083-.086-1.415A9.9%209.9%200%200%200%2011.97%202c-2.104%200-4.051.65-5.66%201.762c-.478.33-.501%201.008-.09%201.42l2.56%202.567c.346.346.888.38%201.332.172A4.4%204.4%200%200%201%2012%207.5m7.89-1.596a.48.48%200%200%200-.72-.036l-3.219%203.21a.54.54%200%200%200-.07.656a4.46%204.46%200%200%201%200%204.529a.54.54%200%200%200%20.07.655l3.219%203.22a.48.48%200%200%200%20.72-.036a9.94%209.94%200%200%200%202.08-6.104a9.9%209.9%200%200%200-2.08-6.094M12%2016.498a4.46%204.46%200%200%201-2.265-.619a.54.54%200%200%200-.656.07l-3.25%203.249a.48.48%200%200%200%20.037.72a9.94%209.94%200%200%200%206.103%202.08a9.87%209.87%200%200%200%206.108-2.089a.48.48%200%200%200%20.034-.719l-3.225-3.224a.54.54%200%200%200-.65-.071a4.46%204.46%200%200%201-2.237.603%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.5%2012c0-.663.149-1.292.411-1.862c.204-.442.169-.978-.175-1.322L5.16%206.24c-.41-.41-1.086-.388-1.417.088A9.9%209.9%200%200%200%201.971%2012c0%202.104.65%204.058%201.762%205.67c.33.477%201.008.5%201.419.09l2.583-2.576c.344-.344.38-.881.176-1.323A4.4%204.4%200%200%201%207.501%2012M12%207.5c.664%200%201.294.148%201.864.41c.441.204.978.17%201.321-.174l2.55-2.55c.409-.409.388-1.083-.086-1.415A9.9%209.9%200%200%200%2011.97%202c-2.104%200-4.051.65-5.66%201.762c-.478.33-.501%201.008-.09%201.42l2.56%202.567c.346.346.888.38%201.332.172A4.4%204.4%200%200%201%2012%207.5m7.89-1.596a.48.48%200%200%200-.72-.036l-3.219%203.21a.54.54%200%200%200-.07.656a4.46%204.46%200%200%201%200%204.529a.54.54%200%200%200%20.07.655l3.219%203.22a.48.48%200%200%200%20.72-.036a9.94%209.94%200%200%200%202.08-6.104a9.9%209.9%200%200%200-2.08-6.094M12%2016.498a4.46%204.46%200%200%201-2.265-.619a.54.54%200%200%200-.656.07l-3.25%203.249a.48.48%200%200%200%20.037.72a9.94%209.94%200%200%200%206.103%202.08a9.87%209.87%200%200%200%206.108-2.089a.48.48%200%200%200%20.034-.719l-3.225-3.224a.54.54%200%200%200-.65-.071a4.46%204.46%200%200%201-2.237.603%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/lifebuoy-filled.svg?color=%231a73e8&size=48
