Add icons to this collection by clicking the heart icon.
Lifesaver icon - also known as help, security, lifeguard, floating, lifesaver, and lifebuoy. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9ce645" />
<stop offset="1" stop-color="#5ca800" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="90.67"
x2="400.88"
y1="360.979"
y2="360.979"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path
d="M99.629 214.041C94.562 202.836 92 190.871 92 178.484 92 130.794 130.794 92 178.484 92c12.387 0 24.352 2.562 35.557 7.629l-7.92 17.511c-8.699-3.932-17.999-5.921-27.636-5.921-37.086 0-67.266 30.179-67.266 67.266 0 9.638 1.989 18.937 5.921 27.636l-17.511 7.92z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="90.67"
x2="400.88"
y1="360.979"
y2="360.979"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path
d="m412.371 214.041-17.511-7.92c3.932-8.699 5.921-17.999 5.921-27.636 0-37.086-30.179-67.266-67.266-67.266-9.638 0-18.937 1.989-27.636 5.921l-7.92-17.511C309.164 94.562 321.129 92 333.516 92 381.206 92 420 130.794 420 178.484c0 12.387-2.562 24.352-7.629 35.557z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="90.67"
x2="400.88"
y1="155.02"
y2="155.02"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path
d="M333.516 420c-12.387 0-24.352-2.562-35.557-7.629l7.92-17.511c8.699 3.932 17.999 5.921 27.636 5.921 37.086 0 67.266-30.179 67.266-67.266 0-9.638-1.989-18.937-5.921-27.636l17.511-7.92c5.067 11.205 7.629 23.169 7.629 35.557 0 47.69-38.794 86.484-86.484 86.484z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="90.67"
x2="400.88"
y1="155.02"
y2="155.02"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path
d="M178.484 420C130.794 420 92 381.206 92 333.516c0-12.387 2.562-24.352 7.629-35.557l17.511 7.92c-3.932 8.699-5.921 17.999-5.921 27.636 0 37.086 30.179 67.266 67.266 67.266 9.638 0 18.937-1.989 27.636-5.921l7.92 17.511c-11.205 5.067-23.17 7.629-35.557 7.629z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="109.33"
x2="400.37"
y1="256.798"
y2="256.798"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<path
d="m195.397 207.313-25.321-29.429-70.965 29.429C94.64 223.213 92 239.898 92 256s2.64 32.787 7.111 48.688l74.569 31.831 21.717-31.831c-10.06-12.575-16.913-30.074-16.913-48.688s6.853-36.113 16.913-48.687z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="109.33"
x2="400.37"
y1="370.301"
y2="370.301"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<path
d="m348.507 157.535-43.819 37.862c-12.493-9.994-30.046-16.913-48.688-16.913-18.258 0-35.234 6.15-48.688 16.913l-25.754-40.936 25.754-55.158C219.228 95.267 239.28 92 256 92c16.144 0 32.736 2.691 48.688 7.111l43.819 58.424z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="109.33"
x2="400.37"
y1="254.395"
y2="254.395"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<path
d="m412.697 207.313-58.762-19.219-37.332 19.219c10.795 13.494 16.913 30.429 16.913 48.688 0 18.613-6.853 36.113-16.913 48.688l60.155 26.426 36.131-26.426C417.071 289.814 420 275.223 420 256c0-16.739-3.218-36.801-7.303-48.687z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="109.33"
x2="400.37"
y1="145.698"
y2="145.698"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<path
d="m331.785 364.074-27.098 48.623C292.772 416.733 272.72 420 256 420s-36.772-3.267-48.688-7.303l-25.754-58.809 25.754-37.284c13.453 10.762 30.429 16.913 48.688 16.913s35.234-6.15 48.688-16.913l27.097 47.47z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="108"
x2="409.33"
y1="360.692"
y2="360.692"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3636" />
<stop offset="1" stop-color="#960000" />
</linearGradient>
<path
d="M207.313 99.303v96.094a69.943 69.943 0 0 0-11.916 11.916H99.111c15.952-51.699 56.695-92.25 108.202-108.01z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="108"
x2="409.33"
y1="360.788"
y2="360.788"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3636" />
<stop offset="1" stop-color="#960000" />
</linearGradient>
<path
d="M412.697 207.313h-96.094a69.943 69.943 0 0 0-11.916-11.916V99.111c51.699 15.952 92.25 56.695 108.01 108.202z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="108"
x2="409.33"
y1="155.308"
y2="155.308"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3636" />
<stop offset="1" stop-color="#960000" />
</linearGradient>
<path
d="M207.313 316.603v96.094c-51.506-15.76-92.25-56.311-108.202-108.009h96.286a69.937 69.937 0 0 0 11.916 11.915z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="108"
x2="409.33"
y1="155.308"
y2="155.308"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3636" />
<stop offset="1" stop-color="#960000" />
</linearGradient>
<path
d="M412.889 304.688c-15.952 51.698-56.696 92.25-108.202 108.009v-96.094a69.943 69.943 0 0 0 11.916-11.916l96.286.001z"
fill="url(#m)"
/>
</svg>
More icons in the same style and category