Ikon Chess Knight

boxicons:chess-knight

Ikon Chess Knight (boxicons:chess-knight) adalah ikon SVG gratis dari set Boxicons. Ikon ini digambar pada grid 24 × 24. Boxicons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Boxicons
Pembuat: Boxicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: chessknight

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 17h-.63c.61-2.21 1.41-6.63-.73-9.74c-1.43-2.08-3.85-3.17-7.22-3.25L9.71 2.3a1.01 1.01 0 0 0-.81-.29c-.3.03-.57.19-.73.44l-6 9c-.26.4-.21.92.12 1.26l2 2c.34.34.87.39 1.26.12L8.3 13h.56l-3.33 4H4c-1.1 0-2 .9-2 2v1c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-1c0-1.1-.9-2-2-2m0 3H4v-1h2c.3 0 .58-.13.77-.36l5-6A1 1 0 0 0 11 11H8c-.2 0-.39.06-.55.17l-2.32 1.54l-.84-.84l4.87-7.3l1.14 1.14c.19.19.44.29.71.29c2.88 0 4.9.8 5.99 2.39c2.3 3.34.1 9.2.08 9.25a.997.997 0 0 0 .93 1.35h2v1Z"/><path fill="currentColor" d="M9.5 7.5c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m0 1h.5z"/></svg>

Cara memakai ikon Chess Knight

React

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

<Icon icon="boxicons:chess-knight" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:chess-knight" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:chess-knight" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--chess-knight]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:chess-knight"></div>

Web component

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

<iconify-icon icon="boxicons:chess-knight"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/boxicons/chess-knight.svg" alt="Ikon Chess Knight" width="24" height="24">

Ikon terkait di Boxicons

Ikon Chess Knight di set ikon lain

FAQ Ikon Chess Knight

Apakah ikon Chess Knight gratis untuk penggunaan komersial?

Ya. Boxicons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Chess Knight di React?

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

Bagaimana cara menambahkan ikon Chess Knight ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/boxicons/chess-knight.svg" alt="Ikon Chess Knight">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Boxicons →