Add icons to this collection by clicking the heart icon.
Life Ring icon - also known as security, protection, safety, safe, equipment, drowning, and life ring. Created in a clean blue style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 60 60"
>
<defs>
<style>
.cls-1 {
fill: #c6d8fb;
}
.cls-2 {
fill: #a4c3fd;
}
.cls-3 {
fill: #e8edfc;
}
.cls-5 {
fill: #fff;
}
.cls-6 {
fill: #428dff;
}
</style>
</defs>
<path
d="M57 27V15A12 12 0 0 0 45 3H15A12 12 0 0 0 3 15v30a12 12 0 0 0 12 12h30a12 12 0 0 0 12-12V27Z"
class="cls-1"
/>
<path
d="M45 3h-3a12 12 0 0 1 12 12v30a12 12 0 0 1-12 12h3a12 12 0 0 0 12-12V15A12 12 0 0 0 45 3Z"
class="cls-2"
/>
<path
d="M54 33.158A24.214 24.214 0 0 1 33.158 54h-6.316A24.214 24.214 0 0 1 6 33.158v-6.316A24.214 24.214 0 0 1 26.842 6h6.316A24.214 24.214 0 0 1 54 26.842Z"
class="cls-3"
/>
<path
d="M33.158 6h-3A24.214 24.214 0 0 1 51 26.842v6.316A24.214 24.214 0 0 1 30.158 54h3A24.214 24.214 0 0 0 54 33.158v-6.316A24.214 24.214 0 0 0 33.158 6Z"
fill="#cad9fc"
/>
<path
d="M42.65 33A13 13 0 0 1 33 42.65h-6A13 13 0 0 1 17.35 33v-6A13 13 0 0 1 27 17.35h6A13 13 0 0 1 42.65 27Z"
class="cls-1"
/>
<path
d="M33 17.35h-3A13 13 0 0 1 39.65 27v6A13 13 0 0 1 30 42.65h3A13 13 0 0 0 42.65 33v-6A13 13 0 0 0 33 17.35Z"
class="cls-2"
/>
<rect width="6" height="19" x="27" y="1" class="cls-5" rx="2" />
<path
d="M31 1h-2a1.966 1.966 0 0 0-.5.071A2 2 0 0 1 30 3v15a2 2 0 0 1-1.5 1.929A1.966 1.966 0 0 0 29 20h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Z"
class="cls-3"
/>
<rect width="6" height="19" x="27" y="40" class="cls-5" rx="2" />
<path
d="M31 40h-2a1.966 1.966 0 0 0-.5.071A2 2 0 0 1 30 42v15a2 2 0 0 1-1.5 1.929A1.966 1.966 0 0 0 29 59h2a2 2 0 0 0 2-2V42a2 2 0 0 0-2-2Z"
class="cls-3"
/>
<rect
width="6"
height="19"
x="7.5"
y="20.5"
class="cls-5"
rx="2"
transform="rotate(-90 10.5 30)"
/>
<path
d="M18 27h-3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2Z"
class="cls-3"
/>
<rect
width="6"
height="19"
x="46.5"
y="20.5"
class="cls-5"
rx="2"
transform="rotate(-90 49.5 30)"
/>
<path
d="M57 27h-3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2Z"
class="cls-3"
/>
<path
d="M3 33v12a12 12 0 0 0 12 12h3A12 12 0 0 1 6 45V33a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2V15A12 12 0 0 1 18 3h-3A12 12 0 0 0 3 15v12a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2Z"
class="cls-5"
/>
<path d="M2 19h2v8H2z" class="cls-5" />
<circle cx="3" cy="23" r="1" class="cls-6" />
<path
d="M58 26.184V15A13.015 13.015 0 0 0 45 2H33.816A3 3 0 0 0 31 0h-2a3 3 0 0 0-2.816 2H15A13.015 13.015 0 0 0 2 15v4a1 1 0 0 0 2 0v-4A11.013 11.013 0 0 1 15 4h11v1.132A25.157 25.157 0 0 0 5.132 26H3a3 3 0 0 0-3 3v2a3 3 0 0 0 2 2.816V45a13.015 13.015 0 0 0 13 13h11.184A3 3 0 0 0 29 60h2a3 3 0 0 0 2.816-2H45a13.015 13.015 0 0 0 13-13V33.816A3 3 0 0 0 60 31v-2a3 3 0 0 0-2-2.816ZM34 4h11a11.013 11.013 0 0 1 11 11v11h-1.132A25.157 25.157 0 0 0 34 5.132Zm0 3.16A23.157 23.157 0 0 1 52.84 26h-9.427A14.072 14.072 0 0 0 34 16.587ZM28 3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1Zm-2 4.16v9.427A14.072 14.072 0 0 0 16.587 26H7.16A23.157 23.157 0 0 1 26 7.16ZM2 31v-2a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1Zm24 25H15A11.013 11.013 0 0 1 4 45V34h1.132A25.157 25.157 0 0 0 26 54.868Zm0-3.16A23.157 23.157 0 0 1 7.16 34h9.427A14.072 14.072 0 0 0 26 43.413ZM32 57a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V42a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1Zm-1-18h-2a3 3 0 0 0-2.92 2.336 12.066 12.066 0 0 1-7.416-7.416A3 3 0 0 0 21 31v-2a3 3 0 0 0-2.336-2.92 12.066 12.066 0 0 1 7.416-7.416A3 3 0 0 0 29 21h2a3 3 0 0 0 2.92-2.336 12.066 12.066 0 0 1 7.416 7.416A3 3 0 0 0 39 29v2a3 3 0 0 0 2.336 2.92 12.066 12.066 0 0 1-7.416 7.416A3 3 0 0 0 31 39Zm12.413-5h9.427A23.157 23.157 0 0 1 34 52.84v-9.427A14.072 14.072 0 0 0 43.413 34ZM56 45a11.013 11.013 0 0 1-11 11H34v-1.132A25.157 25.157 0 0 0 54.868 34H56Zm2-14a1 1 0 0 1-1 1H42a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1Z"
class="cls-6"
/>
</svg>
More icons in the same style and category