ICONYZ
Bahasa Indonesia
Ikon Wizard dari WebHostingHub Glyphs

Ikon Wizard

whh:wizard

Ikon Wizard (whh:wizard) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1025 × 1025. 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
1025 × 1025
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1025" viewBox="0 0 1025 1025"><path fill="currentColor" d="M1004.075 1005q-19 19-45 20t-44-17l-642-643q-18-18-17-44t20-45t45-20t44 17l642 643q18 18 17 44t-20 45m-60-749l-80-46l-79 46l17-93l-66-65l90-12l38-86l39 86l90 12l-66 65zm-798-17l-129-130q-18-18-17-44t20-45t45-20t44 17l129 130q18 18 17 44t-20 45t-45 20t-44-17m-25 231l39-86l38 86l90 12l-66 65l17 94l-79-46l-80 46l17-94l-65-65zm256 385l39-86l38 86l90 11l-66 66l17 93l-79-46l-79 46l17-93l-66-66z"/></svg>

Cara memakai ikon Wizard

React

import { Icon } from "@iconify/react";

<Icon icon="whh:wizard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:wizard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:wizard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--wizard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:wizard"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:wizard"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/wizard.svg" alt="Ikon Wizard" width="24" height="24">

Ikon terkait di WebHostingHub Glyphs

FAQ Ikon Wizard

Apakah ikon Wizard 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 Wizard di React?

Pasang @iconify/react lalu render <Icon icon="whh:wizard" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Wizard ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/wizard.svg" alt="Ikon Wizard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →