Ikon Xoops
whh:xoops
Ikon Xoops (whh:xoops) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
- Tag
- xoop
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M873 435q23 69 23 141q0 91-35.5 174T765 893t-143 95.5t-174 35.5t-174-35.5T131 893T35.5 750T0 576t35.5-174T131 259t143-95.5T448 128q72 0 141 23q23-67 81-109T800 0q93 0 158.5 65.5T1024 224q0 72-42 130t-109 81m-161-68q18 10 39 14.5t35 1.5t14-11q0-16-17-33t-47-17q-14 0-38-16.5T657 273l-17-17q0 26 21.5 60t50.5 51M64 640q0 50 43.5 116.5T207 854q38 21 80 29.5t69.5 3T384 864q0-31-34-63.5T256 768q-57 0-180-117zm448-416q0-7 1-23q-41-9-87-9q-56 0-110.5 27t-89 70t-34.5 86q0 59 53 98t155 39q41 0 68.5-6.5t42.5-17t25.5-21.5t25.5-22t35-17q-85-84-85-204M758 64q-44 0-81 29t-37 62q0 30 26.5 49.5T745 224q24 0 39-4.5t22.5-11.5t14-13.5t20-11.5t34.5-5q24 0 22-25q-3-35-44-63q-40-26-95-26"/></svg>Cara memakai ikon Xoops
React
import { Icon } from "@iconify/react";
<Icon icon="whh:xoops" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:xoops" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:xoops" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--xoops]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:xoops"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:xoops"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/xoops.svg" alt="Ikon Xoops" width="24" height="24">FAQ Ikon Xoops
Apakah ikon Xoops gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Xoops di React?
Pasang @iconify/react lalu render <Icon icon="whh:xoops" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Xoops ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/xoops.svg" alt="Ikon Xoops">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.