Ikon Lifesaver
et:lifesaver
Ikon Lifesaver (et:lifesaver) adalah ikon SVG gratis dari set Elegant karya Kenny Sing. Ikon ini digambar pada grid 32 × 32. Elegant icons dirilis di bawah lisensi GPL 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elegant
- Pembuat
- Kenny Sing
- Lisensi
- GPL-3.0-or-later
- Ukuran
- 32 × 32
Kode SVG
<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>Cara memakai ikon Lifesaver
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/et/lifesaver.svg" alt="Ikon Lifesaver" width="24" height="24">Ikon Lifesaver di set ikon lain
FAQ Ikon Lifesaver
Apakah ikon Lifesaver gratis untuk penggunaan komersial?
Ya. Elegant icons dirilis di bawah lisensi GPL 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama.
Bagaimana cara memakai ikon Lifesaver di React?
Pasang @iconify/react lalu render <Icon icon="et:lifesaver" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lifesaver ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/et/lifesaver.svg" alt="Ikon Lifesaver">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.