Ikon Weight
whh:weight
Ikon Weight (whh:weight) 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
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M942 1024H82q-31 0-50-13T6.5 978.5t-6-45t5.5-47T18 844l90-490q14-47 55-72.5t89-25.5h80q-12-33-12-64q0-80 56-136T512 0t136 56t56 136q0 31-12 64h80q48 0 89 25.5t55 72.5l90 490q7 21 12 42.5t5.5 47t-6 45T992 1011t-50 13M512 128q-27 0-45.5 18.5t-18.5 45t18.5 45.5t45.5 19t45.5-19t18.5-45.5t-18.5-45T512 128m96 640h-32q-24 0-44-21t-20-43v-64h32q13 0 22.5-9.5T576 608t-9.5-22.5T544 576h-32v-96q0-13-9.5-22.5T480 448t-22.5 9.5T448 480v96h-32q-13 0-22.5 9.5T384 608t9.5 22.5T416 640h32v64q0 48 40 88t88 40h32q13 0 22.5-9.5T640 800t-9.5-22.5T608 768"/></svg>
Cara memakai ikon Weight
React
import { Icon } from "@iconify/react";
<Icon icon="whh:weight" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:weight" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:weight" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--weight]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:weight"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:weight"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/weight.svg" alt="Ikon Weight" width="24" height="24">
Ikon terkait di WebHostingHub Glyphs
Ikon Weight di set ikon lain
FAQ Ikon Weight
Apakah ikon Weight 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 Weight di React?
Pasang @iconify/react lalu render <Icon icon="whh:weight" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Weight ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/weight.svg" alt="Ikon Weight">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
