Ikon Rook
whh:rook
Ikon Rook (whh:rook) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 768 × 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
- 768 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704 1024H64q-26 0-45-18.5T0 960v-64q0-26 19-45t45-19h6q76-4 129-75t57-181q-27-8-45.5-28T192 512q0-14 20-35t44-29q-15-74-53.5-133T128 256q-26 0-45-18.5T64 192V64q0-26 19-45t45.5-19t45 19T192 64v32q0 13 9.5 22.5T224 128t22.5-9.5T256 96V64q0-26 19-45t45-19h128q27 0 45.5 19T512 64v32q0 13 9.5 22.5T544 128t22.5-9.5T576 96V64q0-26 19-45t45.5-19t45 19T704 64v128q0 27-18.5 45.5T640 256q-36 0-74.5 59T512 448q24 8 44 29t20 35q0 16-18.5 36T512 576q4 110 57 181t129 75h6q27 0 45.5 19t18.5 45v64q0 27-18.5 45.5T704 1024"/></svg>Cara memakai ikon Rook
React
import { Icon } from "@iconify/react";
<Icon icon="whh:rook" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:rook" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:rook" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--rook]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:rook"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:rook"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/rook.svg" alt="Ikon Rook" width="24" height="24">Ikon Rook di set ikon lain
FAQ Ikon Rook
Apakah ikon Rook 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 Rook di React?
Pasang @iconify/react lalu render <Icon icon="whh:rook" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rook ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/rook.svg" alt="Ikon Rook">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.