Lifesaver icon
et:lifesaver
The Lifesaver icon (et:lifesaver) is a free SVG icon from the Elegant set by Kenny Sing. It is drawn on a 32 × 32 grid. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elegant
- Author
- Kenny Sing
- License
- GPL-3.0-or-later
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M5.738 2.796L2.795 5.738a.5.5 0 0 0 .708.707l2.943-2.942a.5.5 0 0 0-.708-.707m22.758 22.757l-2.943 2.942a.5.5 0 0 0 .708.707l2.943-2.942a.5.5 0 0 0-.708-.707M26.652 2.992a.5.5 0 0 0-.707.707l2.747 2.746a.5.5 0 0 0 .708 0a.5.5 0 0 0 0-.707zM2.992 25.945a.5.5 0 0 0 0 .707l2.747 2.746a.5.5 0 0 0 .708 0a.5.5 0 0 0 0-.707L3.7 25.945a.5.5 0 0 0-.708 0M4.532 9.86a13.1 13.1 0 0 0-.545 11.116a13 13 0 0 0 6.1 6.61c.308.157.621.296.938.427c1.582.655 3.256.987 4.975.987s3.393-.332 4.976-.987l.002-.002c.393-.162.782-.34 1.161-.543a13 13 0 0 0 3.058-2.271a13 13 0 0 0 2.271-3.059q.303-.57.545-1.164v-.001a13.1 13.1 0 0 0-.428-10.887a13 13 0 0 0-6.61-6.1a13.1 13.1 0 0 0-9.951.001h-.001c-.395.164-.784.341-1.164.545a13 13 0 0 0-3.056 2.271A13 13 0 0 0 4.532 9.86m9.568 1.554a4.95 4.95 0 0 1 2.724-.312c.368.061.73.165 1.077.307h.001a4.94 4.94 0 0 1 2.684 2.689v.001a5 5 0 0 1 .347 2.476a5 5 0 0 1-.347 1.322v.001a4.92 4.92 0 0 1-2.686 2.685a5 5 0 0 1-1.322.346a5 5 0 0 1-2.478-.347a4.93 4.93 0 0 1-2.69-2.684a5 5 0 0 1-.344-2.479a5 5 0 0 1 .347-1.322v-.001a4.9 4.9 0 0 1 1.073-1.612a5 5 0 0 1 1.614-1.07m13.171.459a12.12 12.12 0 0 1 0 8.254l-5.588-2.314a5.8 5.8 0 0 0 .272-2.196a6 6 0 0 0-.272-1.429zm-17.155 5.116q.071.42.199.824l-3.426 1.42l-2.16.895a12.12 12.12 0 0 1 .001-8.254l5.587 2.314q-.178.554-.244 1.119a6 6 0 0 0 .043 1.682M7.51 24.49a12 12 0 0 1-2.399-3.438l3.873-1.604l1.713-.709a5.95 5.95 0 0 0 2.566 2.561l-2.316 5.591a12 12 0 0 1-.406-.195A12 12 0 0 1 7.51 24.49m4.363 2.781l2.315-5.589a5.9 5.9 0 0 0 3.624 0l2.315 5.589a12.1 12.1 0 0 1-8.254 0M24.49 24.49a12 12 0 0 1-3.438 2.401L18.736 21.3a5.8 5.8 0 0 0 1.483-1.08a5.9 5.9 0 0 0 1.08-1.483l5.59 2.315a11.9 11.9 0 0 1-2.399 3.438m0-16.98a12 12 0 0 1 2.401 3.438L21.3 13.263a5.93 5.93 0 0 0-2.562-2.567l.734-1.771l1.581-3.815a12 12 0 0 1 3.437 2.4m-4.362-2.781l-2.315 5.587a5.93 5.93 0 0 0-3.625.003l-1.669-4.03l-.646-1.559a12.1 12.1 0 0 1 8.255-.001m-9.795.684q.303-.162.615-.303l1.988 4.799l.327.791a5.9 5.9 0 0 0-1.483 1.08a5.9 5.9 0 0 0-1.08 1.483l-5.065-2.098l-.525-.217a10 10 0 0 1 .303-.615A12 12 0 0 1 7.51 7.51a12 12 0 0 1 2.823-2.097"/><path d="M23.418 29.041a15.05 15.05 0 0 1-14.837 0a.5.5 0 0 0-.495.87c2.441 1.391 5.177 2.085 7.914 2.085s5.473-.694 7.914-2.085a.5.5 0 1 0-.496-.87M2.09 8.087a16.05 16.05 0 0 0 0 15.826a.5.5 0 1 0 .869-.494a15.05 15.05 0 0 1 0-14.838a.5.5 0 1 0-.869-.494m27.82 15.826a16.05 16.05 0 0 0 0-15.826a.5.5 0 1 0-.869.494a15.05 15.05 0 0 1 0 14.838a.5.5 0 1 0 .869.494M8.582 2.959a15.05 15.05 0 0 1 14.837 0a.501.501 0 0 0 .495-.87a16.06 16.06 0 0 0-15.827 0a.5.5 0 0 0 .495.87"/></g></svg>How to use the Lifesaver icon
React
import { Icon } from "@iconify/react";
<Icon icon="et:lifesaver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:lifesaver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:lifesaver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--lifesaver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:lifesaver"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:lifesaver"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/et/lifesaver.svg" alt="Lifesaver icon" width="24" height="24">Lifesaver icon in other icon sets
Lifesaver icon FAQ
Is the Lifesaver icon free for commercial use?
Yes. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.
How do I use the Lifesaver icon in React?
Install @iconify/react and render <Icon icon="et:lifesaver" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lifesaver icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/et/lifesaver.svg" alt="Lifesaver icon">, or paste the SVG code inline to style it with CSS.