ICONYZ
Bahasa Indonesia
Ikon Patch dari WebHostingHub Glyphs

Ikon Patch

whh:patch

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

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M962.716 962q-62 62-150 62t-150-62l-84-85q-10-40 19-70l210-209q30-31 72-19l83 83q62 62 62 150t-62 150m-416-215q-21 21-50 21t-50-21l-169-169q-21-21-21-50.5t21-49.5l201-201q21-21 50-21t50 21l169 169q21 20 21 49.5t-21 50.5zm-330-320q-29 29-70 19l-84-84q-62-62-62-150t62-150t150-62t150 62l83 82q12 42-19 73z"/></svg>

Cara memakai ikon Patch

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Patch di set ikon lain

FAQ Ikon Patch

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

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

Bagaimana cara menambahkan ikon Patch ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →