Ikon Wind
whh:wind
Ikon Wind (whh:wind) 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="M768 512H64q-26 0-45-19T0 447.5t19-45T64 384h192q27 0 45.5-19t18.5-45.5t-18.5-45t-45-18.5t-45.5-19t-19-45.5t19-45t45-18.5q6 0 13 1q75 5 127 60t52 131q0 31-12 64h332q53 0 90.5-37.5T896 256t-37.5-90.5T768 128t-90.5 37.5T640 256q0 26-18.5 45t-45 19t-45.5-19t-19-45q0-106 75-181T768 0t181 75t75 181t-75 181t-181 75M64 576h320q4 0 11 1q11-1 21-1q93 0 158.5 65.5T640 800q0 48-13.5 87.5T584 958t-79.5 48.5T384 1024q-27 0-45.5-19T320 959.5t19-45t45-18.5q31 0 53.5-3t36.5-10.5t22-14t11.5-20.5t4-22.5t.5-25.5q0-40-28-68t-68-28H64q-26 0-45-19T0 639.5t18.5-45T64 576"/></svg>
Cara memakai ikon Wind
React
import { Icon } from "@iconify/react";
<Icon icon="whh:wind" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:wind" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:wind" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--wind]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:wind"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:wind"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/wind.svg" alt="Ikon Wind" width="24" height="24">
Ikon terkait di WebHostingHub Glyphs
Ikon Wind di set ikon lain
FAQ Ikon Wind
Apakah ikon Wind 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 Wind di React?
Pasang @iconify/react lalu render <Icon icon="whh:wind" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Wind ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/wind.svg" alt="Ikon Wind">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
