Add icons to this collection by clicking the heart icon.
Life Saver icon - also known as help, security, lifeguard, floating, lifesaver, lifebuoy, and life saver. Created in a clean gradient 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 64 64"
>
<linearGradient
id="a"
x1="4"
x2="60.469"
y1="60"
y2="3.531"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="-8.353"
x2="48.116"
y1="47.647"
y2="-8.822"
href="#a"
/>
<linearGradient
id="c"
x1="16.353"
x2="72.822"
y1="72.353"
y2="15.885"
href="#a"
/>
<linearGradient
id="d"
x1="-14.077"
x2="42.392"
y1="41.923"
y2="-14.546"
href="#a"
/>
<linearGradient
id="e"
x1="22.077"
x2="78.546"
y1="78.077"
y2="21.608"
href="#a"
/>
<linearGradient
id="f"
x1="-8.08"
x2="48.389"
y1="47.92"
y2="-8.549"
href="#a"
/>
<linearGradient
id="g"
x1="-1.866"
x2="54.603"
y1="54.135"
y2="-2.334"
href="#a"
/>
<linearGradient
id="h"
x1="9.865"
x2="66.334"
y1="65.865"
y2="9.396"
href="#a"
/>
<linearGradient
id="i"
x1="16.08"
x2="72.549"
y1="72.08"
y2="15.611"
href="#a"
/>
<linearGradient
id="j"
x1="-1.865"
x2="54.604"
y1="54.135"
y2="-2.334"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M32 55a23 23 0 1 1 23-23 23.026 23.026 0 0 1-23 23zm0-44a21 21 0 1 0 21 21 21.024 21.024 0 0 0-21-21z"
/>
<path
fill="url(#a)"
d="M32 49a17 17 0 1 1 17-17 17.019 17.019 0 0 1-17 17zm0-32a15 15 0 1 0 15 15 15.017 15.017 0 0 0-15-15z"
/>
<path
fill="url(#b)"
d="M34 11h-4a1 1 0 0 1-1-1V5a2.002 2.002 0 0 1 2-2h2a2.002 2.002 0 0 1 2 2v5a1 1 0 0 1-1 1zm-3-2h2V5h-2zM10 35H5a2.002 2.002 0 0 1-2-2v-2a2.002 2.002 0 0 1 2-2h5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-4v2h4v-2z"
/>
<path
fill="url(#c)"
d="M33 61h-2a2.002 2.002 0 0 1-2-2v-5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v5a2.002 2.002 0 0 1-2 2zm-2-6v4h2v-4zM59 35h-5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h5a2.002 2.002 0 0 1 2 2v2a2.002 2.002 0 0 1-2 2zm-4-2h4v-2h-4z"
/>
<path
fill="url(#d)"
d="M7 31a1 1 0 0 1-1-1V15a9.01 9.01 0 0 1 9-9h15a1 1 0 0 1 0 2H15a7.008 7.008 0 0 0-7 7v15a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M49 58H34a1 1 0 0 1 0-2h15a7.008 7.008 0 0 0 7-7V34a1 1 0 0 1 2 0v15a9.01 9.01 0 0 1-9 9z"
/>
<path
fill="url(#a)"
d="M30 58H15a9.01 9.01 0 0 1-9-9V34a1 1 0 0 1 2 0v15a7.008 7.008 0 0 0 7 7h15a1 1 0 0 1 0 2zM57 31a1 1 0 0 1-1-1V15a7.008 7.008 0 0 0-7-7H34a1 1 0 0 1 0-2h15a9.01 9.01 0 0 1 9 9v15a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M26.179 18.1a1 1 0 0 1-.99-.872l-.79-6.09a1 1 0 0 1 1.983-.256l.79 6.09a1 1 0 0 1-.863 1.12.966.966 0 0 1-.13.008z"
/>
<path
fill="url(#g)"
d="M37.821 18.1a.966.966 0 0 1-.13-.008 1 1 0 0 1-.863-1.12l.79-6.09a1 1 0 0 1 1.983.257l-.79 6.09a1 1 0 0 1-.99.871z"
/>
<path
fill="url(#h)"
d="M46.898 27.18a1 1 0 0 1-.127-1.992l6.09-.79a1 1 0 0 1 .257 1.984l-6.09.79a.981.981 0 0 1-.13.008z"
/>
<path
fill="url(#i)"
d="M52.992 39.61a.982.982 0 0 1-.13-.008l-6.09-.79a1 1 0 0 1 .256-1.984l6.09.79a1 1 0 0 1-.127 1.992zM38.608 53.99a1 1 0 0 1-.99-.872l-.79-6.09a1 1 0 1 1 1.984-.256l.79 6.09a1 1 0 0 1-.863 1.12.966.966 0 0 1-.13.008z"
/>
<path
fill="url(#h)"
d="M25.392 53.99a.966.966 0 0 1-.13-.008 1 1 0 0 1-.864-1.12l.79-6.09a1 1 0 0 1 1.984.257l-.79 6.09a1 1 0 0 1-.99.871z"
/>
<path
fill="url(#j)"
d="M11.008 39.61a1 1 0 0 1-.127-1.992l6.09-.79a1 1 0 1 1 .257 1.984l-6.09.79a.982.982 0 0 1-.13.008z"
/>
<path
fill="url(#f)"
d="M17.102 27.18a.981.981 0 0 1-.13-.008l-6.09-.79a1 1 0 0 1 .257-1.984l6.09.79a1 1 0 0 1-.127 1.992z"
/>
</g>
</svg>
More icons in the same style and category