Ikon Minimize

whh:minimize

Ikon Minimize (whh:minimize) 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

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M896 640H384q-53 0-90.5-37.5T256 512V128q0-53 37.5-90.5T384 0h512q53 0 90.5 37.5T1024 128v384q0 53-37.5 90.5T896 640m0-448q0-27-18.5-45.5T832 128H448q-26 0-45 18.5T384 192v256q0 26 19 45t45 19h384q27 0 45.5-19t18.5-45zM704 960q0 27-18.5 45.5T640 1024H256q-26 0-45-18.5T192 960t19-45.5t45-18.5h384q27 0 45.5 18.5T704 960m-639.5 64q-26.5 0-45.5-18.5T0 960t19-45.5T64.5 896t45 18.5T128 960t-18.5 45.5t-45 18.5"/></svg>

Cara memakai ikon Minimize

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Minimize di set ikon lain

FAQ Ikon Minimize

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

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

Bagaimana cara menambahkan ikon Minimize ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →