Ikon Adventure
hugeicons:adventure
Ikon Adventure (hugeicons:adventure) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Huge Icons
- Pembuat
- Hugeicons
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6.565 19.56a1.5 1.5 0 1 1-2.122-2.121a1.5 1.5 0 0 1 2.122 2.122Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M6.004 12h.371a2 2 0 0 1 1.415.586l3.628 3.628a2 2 0 0 1 .586 1.414V18m-1.494-3l8.046-6.626a2 2 0 0 0 .673-1.066l.765-3.058a.2.2 0 0 0-.244-.244l-3.058.765a2 2 0 0 0-1.066.673L9 13.49m4.91-10.597C12.86 2.298 12.334 2 12 2s-.859.297-1.908.892c-1.015.576-2.078.932-3.116 1.151c-2.06.436-3.09.653-3.533 1.19S3 6.613 3 8.297v1.665M12 22q.472 0 .928-.124c.49-.133.952-.42 1.875-.996c2.062-1.284 3.093-1.925 3.875-2.75a8.5 8.5 0 0 0 2.026-3.57c.25-.903.29-1.877.296-3.56"/><path stroke-linejoin="round" d="m6.5 17.5l3-3"/></g></svg>Cara memakai ikon Adventure
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:adventure" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:adventure" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:adventure" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--adventure]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:adventure"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:adventure"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/adventure.svg" alt="Ikon Adventure" width="24" height="24">FAQ Ikon Adventure
Apakah ikon Adventure gratis untuk penggunaan komersial?
Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Adventure di React?
Pasang @iconify/react lalu render <Icon icon="hugeicons:adventure" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Adventure ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/adventure.svg" alt="Ikon Adventure">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.