life ring icon
life-ring from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.
- Name
- life-ring
- Set
- Unicons
- Style
- Line
- Category
- User Interface
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More user interface icons from Unicons
Use the life ring icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 11.05v-.33l-.09-.6l-.09-.39c0-.17-.08-.34-.13-.51s-.08-.27-.13-.4a2 2 0 0 1-.07-.24s0 0 0-.05a10.1 10.1 0 0 0-5.9-5.9s0 0-.05 0l-.23-.07l-.42-.13c-.15 0-.31-.08-.46-.12l-.46-.1l-.46-.07c-.16 0-.31 0-.48-.06s-.35 0-.52 0L12 2h-.91c-.17 0-.32 0-.48.06l-.46.07l-.46.1c-.15 0-.31.07-.46.12l-.42.13l-.23.07h-.05a10.1 10.1 0 0 0-5.9 5.9s0 0 0 .05a2 2 0 0 1-.07.24c0 .13-.09.26-.13.4s-.09.34-.13.51l-.09.39l-.09.6v2.56l.09.6l.09.39c0 .17.08.34.13.51s.08.27.13.4a2 2 0 0 1 .07.24a.4.4 0 0 1 0 .07a10 10 0 0 0 5.89 5.88s0 0 .05 0l.24.07l.4.13l.51.13l.39.09l.6.09h.33c.31 0 .63.05.95.05s.64 0 .95-.05h.33l.6-.09l.39-.09l.51-.13l.4-.13l.24-.07h.05a10 10 0 0 0 5.89-5.88a.4.4 0 0 1 0-.07c0-.08.05-.16.07-.24s.09-.26.13-.4s.09-.34.13-.51l.09-.39l.09-.6v-.33c0-.31.05-.63.05-.95s.09-.56.09-.87m-6.3-6.16a8 8 0 0 1 3.46 3.46l-2.86 1a5.14 5.14 0 0 0-1.64-1.64Zm-5.36-.7c.21-.05.41-.08.61-.11h.24a8.2 8.2 0 0 1 1.72 0h.24c.2 0 .4.06.61.11h.06l-1 2.86A4.5 4.5 0 0 0 12 7a4.4 4.4 0 0 0-.73.06l-1-2.86Zm-1.94.7l1 2.86a5.14 5.14 0 0 0-1.65 1.64l-2.86-1a8 8 0 0 1 3.46-3.5Zm-4.21 8.82a4 4 0 0 1-.1-.6v-.25a7.4 7.4 0 0 1 0-1.72v-.25a4 4 0 0 1 .1-.6s0 0 0-.06l2.86 1a4.5 4.5 0 0 0 0 1.46l-2.86 1zm4.16 5.4a8 8 0 0 1-3.46-3.46l2.86-1a5.14 5.14 0 0 0 1.64 1.64Zm5.36.7c-.21.05-.41.08-.61.11h-.24a8.2 8.2 0 0 1-1.72 0h-.24c-.2 0-.4-.06-.61-.11h-.06l1-2.86a4.5 4.5 0 0 0 1.46 0l1 2.86Zm-.67-5c-.17.06-.34.1-.5.14a2.7 2.7 0 0 1-1 0c-.16 0-.33-.08-.5-.14A3 3 0 0 1 9.2 13a3 3 0 0 1-.14-.51a2.6 2.6 0 0 1 0-1a3 3 0 0 1 .13-.49A3 3 0 0 1 11 9.2c.17-.06.34-.1.5-.14a2.7 2.7 0 0 1 1 0c.16 0 .33.08.5.14a3 3 0 0 1 1.8 1.8a3 3 0 0 1 .14.51a2.6 2.6 0 0 1 0 1a3 3 0 0 1-.14.51A3 3 0 0 1 13 14.8Zm2.61 4.31l-1-2.86a5.14 5.14 0 0 0 1.64-1.64l2.86 1a8 8 0 0 1-3.5 3.49ZM20 12.86v.25a4 4 0 0 1-.1.6s0 0 0 .06l-2.86-1a4.5 4.5 0 0 0 0-1.46l2.86-1v.06a4 4 0 0 1 .1.6v.25a7.4 7.4 0 0 1 0 1.72Z"/></svg>
React
import type { SVGProps } from "react";
export function UilLifeRing(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="M22 11.05v-.33l-.09-.6l-.09-.39c0-.17-.08-.34-.13-.51s-.08-.27-.13-.4a2 2 0 0 1-.07-.24s0 0 0-.05a10.1 10.1 0 0 0-5.9-5.9s0 0-.05 0l-.23-.07l-.42-.13c-.15 0-.31-.08-.46-.12l-.46-.1l-.46-.07c-.16 0-.31 0-.48-.06s-.35 0-.52 0L12 2h-.91c-.17 0-.32 0-.48.06l-.46.07l-.46.1c-.15 0-.31.07-.46.12l-.42.13l-.23.07h-.05a10.1 10.1 0 0 0-5.9 5.9s0 0 0 .05a2 2 0 0 1-.07.24c0 .13-.09.26-.13.4s-.09.34-.13.51l-.09.39l-.09.6v2.56l.09.6l.09.39c0 .17.08.34.13.51s.08.27.13.4a2 2 0 0 1 .07.24a.4.4 0 0 1 0 .07a10 10 0 0 0 5.89 5.88s0 0 .05 0l.24.07l.4.13l.51.13l.39.09l.6.09h.33c.31 0 .63.05.95.05s.64 0 .95-.05h.33l.6-.09l.39-.09l.51-.13l.4-.13l.24-.07h.05a10 10 0 0 0 5.89-5.88a.4.4 0 0 1 0-.07c0-.08.05-.16.07-.24s.09-.26.13-.4s.09-.34.13-.51l.09-.39l.09-.6v-.33c0-.31.05-.63.05-.95s.09-.56.09-.87m-6.3-6.16a8 8 0 0 1 3.46 3.46l-2.86 1a5.14 5.14 0 0 0-1.64-1.64Zm-5.36-.7c.21-.05.41-.08.61-.11h.24a8.2 8.2 0 0 1 1.72 0h.24c.2 0 .4.06.61.11h.06l-1 2.86A4.5 4.5 0 0 0 12 7a4.4 4.4 0 0 0-.73.06l-1-2.86Zm-1.94.7l1 2.86a5.14 5.14 0 0 0-1.65 1.64l-2.86-1a8 8 0 0 1 3.46-3.5Zm-4.21 8.82a4 4 0 0 1-.1-.6v-.25a7.4 7.4 0 0 1 0-1.72v-.25a4 4 0 0 1 .1-.6s0 0 0-.06l2.86 1a4.5 4.5 0 0 0 0 1.46l-2.86 1zm4.16 5.4a8 8 0 0 1-3.46-3.46l2.86-1a5.14 5.14 0 0 0 1.64 1.64Zm5.36.7c-.21.05-.41.08-.61.11h-.24a8.2 8.2 0 0 1-1.72 0h-.24c-.2 0-.4-.06-.61-.11h-.06l1-2.86a4.5 4.5 0 0 0 1.46 0l1 2.86Zm-.67-5c-.17.06-.34.1-.5.14a2.7 2.7 0 0 1-1 0c-.16 0-.33-.08-.5-.14A3 3 0 0 1 9.2 13a3 3 0 0 1-.14-.51a2.6 2.6 0 0 1 0-1a3 3 0 0 1 .13-.49A3 3 0 0 1 11 9.2c.17-.06.34-.1.5-.14a2.7 2.7 0 0 1 1 0c.16 0 .33.08.5.14a3 3 0 0 1 1.8 1.8a3 3 0 0 1 .14.51a2.6 2.6 0 0 1 0 1a3 3 0 0 1-.14.51A3 3 0 0 1 13 14.8Zm2.61 4.31l-1-2.86a5.14 5.14 0 0 0 1.64-1.64l2.86 1a8 8 0 0 1-3.5 3.49ZM20 12.86v.25a4 4 0 0 1-.1.6s0 0 0 .06l-2.86-1a4.5 4.5 0 0 0 0-1.46l2.86-1v.06a4 4 0 0 1 .1.6v.25a7.4 7.4 0 0 1 0 1.72Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 11.05v-.33l-.09-.6l-.09-.39c0-.17-.08-.34-.13-.51s-.08-.27-.13-.4a2 2 0 0 1-.07-.24s0 0 0-.05a10.1 10.1 0 0 0-5.9-5.9s0 0-.05 0l-.23-.07l-.42-.13c-.15 0-.31-.08-.46-.12l-.46-.1l-.46-.07c-.16 0-.31 0-.48-.06s-.35 0-.52 0L12 2h-.91c-.17 0-.32 0-.48.06l-.46.07l-.46.1c-.15 0-.31.07-.46.12l-.42.13l-.23.07h-.05a10.1 10.1 0 0 0-5.9 5.9s0 0 0 .05a2 2 0 0 1-.07.24c0 .13-.09.26-.13.4s-.09.34-.13.51l-.09.39l-.09.6v2.56l.09.6l.09.39c0 .17.08.34.13.51s.08.27.13.4a2 2 0 0 1 .07.24a.4.4 0 0 1 0 .07a10 10 0 0 0 5.89 5.88s0 0 .05 0l.24.07l.4.13l.51.13l.39.09l.6.09h.33c.31 0 .63.05.95.05s.64 0 .95-.05h.33l.6-.09l.39-.09l.51-.13l.4-.13l.24-.07h.05a10 10 0 0 0 5.89-5.88a.4.4 0 0 1 0-.07c0-.08.05-.16.07-.24s.09-.26.13-.4s.09-.34.13-.51l.09-.39l.09-.6v-.33c0-.31.05-.63.05-.95s.09-.56.09-.87m-6.3-6.16a8 8 0 0 1 3.46 3.46l-2.86 1a5.14 5.14 0 0 0-1.64-1.64Zm-5.36-.7c.21-.05.41-.08.61-.11h.24a8.2 8.2 0 0 1 1.72 0h.24c.2 0 .4.06.61.11h.06l-1 2.86A4.5 4.5 0 0 0 12 7a4.4 4.4 0 0 0-.73.06l-1-2.86Zm-1.94.7l1 2.86a5.14 5.14 0 0 0-1.65 1.64l-2.86-1a8 8 0 0 1 3.46-3.5Zm-4.21 8.82a4 4 0 0 1-.1-.6v-.25a7.4 7.4 0 0 1 0-1.72v-.25a4 4 0 0 1 .1-.6s0 0 0-.06l2.86 1a4.5 4.5 0 0 0 0 1.46l-2.86 1zm4.16 5.4a8 8 0 0 1-3.46-3.46l2.86-1a5.14 5.14 0 0 0 1.64 1.64Zm5.36.7c-.21.05-.41.08-.61.11h-.24a8.2 8.2 0 0 1-1.72 0h-.24c-.2 0-.4-.06-.61-.11h-.06l1-2.86a4.5 4.5 0 0 0 1.46 0l1 2.86Zm-.67-5c-.17.06-.34.1-.5.14a2.7 2.7 0 0 1-1 0c-.16 0-.33-.08-.5-.14A3 3 0 0 1 9.2 13a3 3 0 0 1-.14-.51a2.6 2.6 0 0 1 0-1a3 3 0 0 1 .13-.49A3 3 0 0 1 11 9.2c.17-.06.34-.1.5-.14a2.7 2.7 0 0 1 1 0c.16 0 .33.08.5.14a3 3 0 0 1 1.8 1.8a3 3 0 0 1 .14.51a2.6 2.6 0 0 1 0 1a3 3 0 0 1-.14.51A3 3 0 0 1 13 14.8Zm2.61 4.31l-1-2.86a5.14 5.14 0 0 0 1.64-1.64l2.86 1a8 8 0 0 1-3.5 3.49ZM20 12.86v.25a4 4 0 0 1-.1.6s0 0 0 .06l-2.86-1a4.5 4.5 0 0 0 0-1.46l2.86-1v.06a4 4 0 0 1 .1.6v.25a7.4 7.4 0 0 1 0 1.72Z"/></svg> </template>
CSS
.icon-life-ring {
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%22M22%2011.05v-.33l-.09-.6l-.09-.39c0-.17-.08-.34-.13-.51s-.08-.27-.13-.4a2%202%200%200%201-.07-.24s0%200%200-.05a10.1%2010.1%200%200%200-5.9-5.9s0%200-.05%200l-.23-.07l-.42-.13c-.15%200-.31-.08-.46-.12l-.46-.1l-.46-.07c-.16%200-.31%200-.48-.06s-.35%200-.52%200L12%202h-.91c-.17%200-.32%200-.48.06l-.46.07l-.46.1c-.15%200-.31.07-.46.12l-.42.13l-.23.07h-.05a10.1%2010.1%200%200%200-5.9%205.9s0%200%200%20.05a2%202%200%200%201-.07.24c0%20.13-.09.26-.13.4s-.09.34-.13.51l-.09.39l-.09.6v2.56l.09.6l.09.39c0%20.17.08.34.13.51s.08.27.13.4a2%202%200%200%201%20.07.24a.4.4%200%200%201%200%20.07a10%2010%200%200%200%205.89%205.88s0%200%20.05%200l.24.07l.4.13l.51.13l.39.09l.6.09h.33c.31%200%20.63.05.95.05s.64%200%20.95-.05h.33l.6-.09l.39-.09l.51-.13l.4-.13l.24-.07h.05a10%2010%200%200%200%205.89-5.88a.4.4%200%200%201%200-.07c0-.08.05-.16.07-.24s.09-.26.13-.4s.09-.34.13-.51l.09-.39l.09-.6v-.33c0-.31.05-.63.05-.95s.09-.56.09-.87m-6.3-6.16a8%208%200%200%201%203.46%203.46l-2.86%201a5.14%205.14%200%200%200-1.64-1.64Zm-5.36-.7c.21-.05.41-.08.61-.11h.24a8.2%208.2%200%200%201%201.72%200h.24c.2%200%20.4.06.61.11h.06l-1%202.86A4.5%204.5%200%200%200%2012%207a4.4%204.4%200%200%200-.73.06l-1-2.86Zm-1.94.7l1%202.86a5.14%205.14%200%200%200-1.65%201.64l-2.86-1a8%208%200%200%201%203.46-3.5Zm-4.21%208.82a4%204%200%200%201-.1-.6v-.25a7.4%207.4%200%200%201%200-1.72v-.25a4%204%200%200%201%20.1-.6s0%200%200-.06l2.86%201a4.5%204.5%200%200%200%200%201.46l-2.86%201zm4.16%205.4a8%208%200%200%201-3.46-3.46l2.86-1a5.14%205.14%200%200%200%201.64%201.64Zm5.36.7c-.21.05-.41.08-.61.11h-.24a8.2%208.2%200%200%201-1.72%200h-.24c-.2%200-.4-.06-.61-.11h-.06l1-2.86a4.5%204.5%200%200%200%201.46%200l1%202.86Zm-.67-5c-.17.06-.34.1-.5.14a2.7%202.7%200%200%201-1%200c-.16%200-.33-.08-.5-.14A3%203%200%200%201%209.2%2013a3%203%200%200%201-.14-.51a2.6%202.6%200%200%201%200-1a3%203%200%200%201%20.13-.49A3%203%200%200%201%2011%209.2c.17-.06.34-.1.5-.14a2.7%202.7%200%200%201%201%200c.16%200%20.33.08.5.14a3%203%200%200%201%201.8%201.8a3%203%200%200%201%20.14.51a2.6%202.6%200%200%201%200%201a3%203%200%200%201-.14.51A3%203%200%200%201%2013%2014.8Zm2.61%204.31l-1-2.86a5.14%205.14%200%200%200%201.64-1.64l2.86%201a8%208%200%200%201-3.5%203.49ZM20%2012.86v.25a4%204%200%200%201-.1.6s0%200%200%20.06l-2.86-1a4.5%204.5%200%200%200%200-1.46l2.86-1v.06a4%204%200%200%201%20.1.6v.25a7.4%207.4%200%200%201%200%201.72Z%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%22M22%2011.05v-.33l-.09-.6l-.09-.39c0-.17-.08-.34-.13-.51s-.08-.27-.13-.4a2%202%200%200%201-.07-.24s0%200%200-.05a10.1%2010.1%200%200%200-5.9-5.9s0%200-.05%200l-.23-.07l-.42-.13c-.15%200-.31-.08-.46-.12l-.46-.1l-.46-.07c-.16%200-.31%200-.48-.06s-.35%200-.52%200L12%202h-.91c-.17%200-.32%200-.48.06l-.46.07l-.46.1c-.15%200-.31.07-.46.12l-.42.13l-.23.07h-.05a10.1%2010.1%200%200%200-5.9%205.9s0%200%200%20.05a2%202%200%200%201-.07.24c0%20.13-.09.26-.13.4s-.09.34-.13.51l-.09.39l-.09.6v2.56l.09.6l.09.39c0%20.17.08.34.13.51s.08.27.13.4a2%202%200%200%201%20.07.24a.4.4%200%200%201%200%20.07a10%2010%200%200%200%205.89%205.88s0%200%20.05%200l.24.07l.4.13l.51.13l.39.09l.6.09h.33c.31%200%20.63.05.95.05s.64%200%20.95-.05h.33l.6-.09l.39-.09l.51-.13l.4-.13l.24-.07h.05a10%2010%200%200%200%205.89-5.88a.4.4%200%200%201%200-.07c0-.08.05-.16.07-.24s.09-.26.13-.4s.09-.34.13-.51l.09-.39l.09-.6v-.33c0-.31.05-.63.05-.95s.09-.56.09-.87m-6.3-6.16a8%208%200%200%201%203.46%203.46l-2.86%201a5.14%205.14%200%200%200-1.64-1.64Zm-5.36-.7c.21-.05.41-.08.61-.11h.24a8.2%208.2%200%200%201%201.72%200h.24c.2%200%20.4.06.61.11h.06l-1%202.86A4.5%204.5%200%200%200%2012%207a4.4%204.4%200%200%200-.73.06l-1-2.86Zm-1.94.7l1%202.86a5.14%205.14%200%200%200-1.65%201.64l-2.86-1a8%208%200%200%201%203.46-3.5Zm-4.21%208.82a4%204%200%200%201-.1-.6v-.25a7.4%207.4%200%200%201%200-1.72v-.25a4%204%200%200%201%20.1-.6s0%200%200-.06l2.86%201a4.5%204.5%200%200%200%200%201.46l-2.86%201zm4.16%205.4a8%208%200%200%201-3.46-3.46l2.86-1a5.14%205.14%200%200%200%201.64%201.64Zm5.36.7c-.21.05-.41.08-.61.11h-.24a8.2%208.2%200%200%201-1.72%200h-.24c-.2%200-.4-.06-.61-.11h-.06l1-2.86a4.5%204.5%200%200%200%201.46%200l1%202.86Zm-.67-5c-.17.06-.34.1-.5.14a2.7%202.7%200%200%201-1%200c-.16%200-.33-.08-.5-.14A3%203%200%200%201%209.2%2013a3%203%200%200%201-.14-.51a2.6%202.6%200%200%201%200-1a3%203%200%200%201%20.13-.49A3%203%200%200%201%2011%209.2c.17-.06.34-.1.5-.14a2.7%202.7%200%200%201%201%200c.16%200%20.33.08.5.14a3%203%200%200%201%201.8%201.8a3%203%200%200%201%20.14.51a2.6%202.6%200%200%201%200%201a3%203%200%200%201-.14.51A3%203%200%200%201%2013%2014.8Zm2.61%204.31l-1-2.86a5.14%205.14%200%200%200%201.64-1.64l2.86%201a8%208%200%200%201-3.5%203.49ZM20%2012.86v.25a4%204%200%200%201-.1.6s0%200%200%20.06l-2.86-1a4.5%204.5%200%200%200%200-1.46l2.86-1v.06a4%204%200%200%201%20.1.6v.25a7.4%207.4%200%200%201%200%201.72Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/life-ring.svg?color=%231a73e8&size=48
