Ikon Loop Hero
arcticons:loop-hero
Ikon Loop Hero (arcticons:loop-hero) adalah ikon SVG gratis dari set Arcticons karya Donnnno. Ikon ini digambar pada grid 48 × 48. Arcticons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Arcticons
- Pembuat
- Donnnno
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 48 × 48
- Tag
- loophero
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.674 27.284c.22-1.06.337-2.159.337-3.284c0-8.842-7.169-16.01-16.011-16.01S7.99 15.157 7.99 24c0 1.105.111 2.184.325 3.227M24 12.393V2.5m8.207 13.293l6.996-6.996M35.607 24H45.5m-29.707-8.207L8.797 8.797M12.393 24H2.5m16.001 3.283c1.79 0 2.058.828 2.058 2.393s-1.41 3.89-4.026 3.89c-1.61 0-1.789-.915-1.789-1.966c0-1.432 1.812-4.317 3.757-4.317"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 35.774c3.04 0 4.4 1.744 4.86 3.924c0 0 1.822-3.975 6.465-3.975v-3.181c0-7.644-3.18-13.108-11.325-13.108s-11.325 5.464-11.325 13.108v3.18c4.643 0 6.464 3.976 6.464 3.976c.462-2.18 1.821-3.924 4.861-3.924"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m24 32.337l1.629-.385c0-1.232-1.129-4.027-1.129-4.027h-1s-1.129 2.796-1.129 4.027zm5.499-5.054c-1.79 0-2.058.828-2.058 2.393s1.41 3.89 4.026 3.89c1.61 0 1.789-.915 1.789-1.966c0-1.432-1.812-4.317-3.757-4.317"/></svg>Cara memakai ikon Loop Hero
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:loop-hero" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:loop-hero" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:loop-hero" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--loop-hero]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:loop-hero"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:loop-hero"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/arcticons/loop-hero.svg" alt="Ikon Loop Hero" width="24" height="24">Ikon terkait di Arcticons
FAQ Ikon Loop Hero
Apakah ikon Loop Hero gratis untuk penggunaan komersial?
Ya. Arcticons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Loop Hero di React?
Pasang @iconify/react lalu render <Icon icon="arcticons:loop-hero" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Loop Hero ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/arcticons/loop-hero.svg" alt="Ikon Loop Hero">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.