ICONYZ
Bahasa Indonesia
Ikon Yui dari WebHostingHub Glyphs

Ikon Yui

whh:yui

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

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="960" viewBox="0 0 1024 960"><path fill="currentColor" d="M640 960q-95 0-197.5-34.5T256 832q12-34 29-71q-104-68-157-121q14-24 34-54Q78 526 0 448q75-125 229.5-227T593 59.5T1024 0Q640 480 640 960m-64-64q0-173 79-381t209-387q-38 26-109.5 97.5T603.5 391t-151 206.5T352 800q62 48 113.5 72T576 896M96 448q52 48 103 82q202-297 441-429q-94 27-185 72t-160 94t-119 95.5T96 448m128 192q32 32 87 66q88-174 231.5-347.5T822 87q-75 23-152 71.5T530 264T406.5 391T303 520.5T224 640"/></svg>

Cara memakai ikon Yui

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Yui di set ikon lain

FAQ Ikon Yui

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

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

Bagaimana cara menambahkan ikon Yui ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →