chess knight icon

chess-knight from Font Awesome 6 Solid by Dave Gandy · Regular · Chess · CC-BY-4.0 Attribution required.

Name: chess-knight
Set: Font Awesome 6 Solid
Style: Regular
Category: Chess
Viewbox: 448×512
License: CC BY 4.0

The same icon in other sets

chess-knightFont Awesome 6 Regular chess-knightFont Awesome Regular chess-knightFont Awesome Solid chess-knightHuge Icons chess-knightLine Awesome chess-knightLucide chess-knightMaterial Symbols chess-knightMaterial Symbols Light chess-knightMaterial Design Icons chess-knightTabler Icons

More chess icons from Font Awesome 6 Solid

chess chess-bishop chess-board chess-king chess-pawn chess-queen chess-rook square-full

Use the chess knight icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M96 48L82.7 61.3c-12 12-18.7 28.2-18.7 45.2v132.4c0 10.7 5.3 20.7 14.2 26.6l10.6 7c14.3 9.6 32.7 10.7 48.1 3l3.2-1.6c2.6-1.3 5-2.8 7.3-4.5l49.4-37c6.6-5 15.7-5 22.3 0c10.2 7.7 9.9 23.1-.7 30.3L90.4 350C73.9 361.3 64 380 64 400h320l28.9-159c2.1-11.3 3.1-22.8 3.1-34.3V192C416 86 330 0 224 0H83.8C72.9 0 64 8.9 64 19.8c0 7.5 4.2 14.3 10.9 17.7zm24 68a20 20 0 1 1 40 0a20 20 0 1 1-40 0M22.6 473.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6h370.7c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L384 432H64z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidChessKnight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M96 48L82.7 61.3c-12 12-18.7 28.2-18.7 45.2v132.4c0 10.7 5.3 20.7 14.2 26.6l10.6 7c14.3 9.6 32.7 10.7 48.1 3l3.2-1.6c2.6-1.3 5-2.8 7.3-4.5l49.4-37c6.6-5 15.7-5 22.3 0c10.2 7.7 9.9 23.1-.7 30.3L90.4 350C73.9 361.3 64 380 64 400h320l28.9-159c2.1-11.3 3.1-22.8 3.1-34.3V192C416 86 330 0 224 0H83.8C72.9 0 64 8.9 64 19.8c0 7.5 4.2 14.3 10.9 17.7zm24 68a20 20 0 1 1 40 0a20 20 0 1 1-40 0M22.6 473.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6h370.7c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L384 432H64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M96 48L82.7 61.3c-12 12-18.7 28.2-18.7 45.2v132.4c0 10.7 5.3 20.7 14.2 26.6l10.6 7c14.3 9.6 32.7 10.7 48.1 3l3.2-1.6c2.6-1.3 5-2.8 7.3-4.5l49.4-37c6.6-5 15.7-5 22.3 0c10.2 7.7 9.9 23.1-.7 30.3L90.4 350C73.9 361.3 64 380 64 400h320l28.9-159c2.1-11.3 3.1-22.8 3.1-34.3V192C416 86 330 0 224 0H83.8C72.9 0 64 8.9 64 19.8c0 7.5 4.2 14.3 10.9 17.7zm24 68a20 20 0 1 1 40 0a20 20 0 1 1-40 0M22.6 473.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6h370.7c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L384 432H64z"/></svg>
</template>

CSS

.icon-chess-knight {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2048L82.7%2061.3c-12%2012-18.7%2028.2-18.7%2045.2v132.4c0%2010.7%205.3%2020.7%2014.2%2026.6l10.6%207c14.3%209.6%2032.7%2010.7%2048.1%203l3.2-1.6c2.6-1.3%205-2.8%207.3-4.5l49.4-37c6.6-5%2015.7-5%2022.3%200c10.2%207.7%209.9%2023.1-.7%2030.3L90.4%20350C73.9%20361.3%2064%20380%2064%20400h320l28.9-159c2.1-11.3%203.1-22.8%203.1-34.3V192C416%2086%20330%200%20224%200H83.8C72.9%200%2064%208.9%2064%2019.8c0%207.5%204.2%2014.3%2010.9%2017.7zm24%2068a20%2020%200%201%201%2040%200a20%2020%200%201%201-40%200M22.6%20473.4c-4.2%204.2-6.6%2010-6.6%2016c0%2012.5%2010.1%2022.6%2022.6%2022.6h370.7c12.5%200%2022.6-10.1%2022.6-22.6c0-6-2.4-11.8-6.6-16L384%20432H64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2048L82.7%2061.3c-12%2012-18.7%2028.2-18.7%2045.2v132.4c0%2010.7%205.3%2020.7%2014.2%2026.6l10.6%207c14.3%209.6%2032.7%2010.7%2048.1%203l3.2-1.6c2.6-1.3%205-2.8%207.3-4.5l49.4-37c6.6-5%2015.7-5%2022.3%200c10.2%207.7%209.9%2023.1-.7%2030.3L90.4%20350C73.9%20361.3%2064%20380%2064%20400h320l28.9-159c2.1-11.3%203.1-22.8%203.1-34.3V192C416%2086%20330%200%20224%200H83.8C72.9%200%2064%208.9%2064%2019.8c0%207.5%204.2%2014.3%2010.9%2017.7zm24%2068a20%2020%200%201%201%2040%200a20%2020%200%201%201-40%200M22.6%20473.4c-4.2%204.2-6.6%2010-6.6%2016c0%2012.5%2010.1%2022.6%2022.6%2022.6h370.7c12.5%200%2022.6-10.1%2022.6-22.6c0-6-2.4-11.8-6.6-16L384%20432H64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/chess-knight.svg?color=%231a73e8&size=48