chess icon

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

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

The same icon in other sets

chessAkar Icons chessBoxIcons v2 Solid chess-16-filledFluent UI System Icons chessLine Awesome chessMaterial Symbols chess-fillMingCute Icon chessPixelarticons chess-fillRemix Icon chessTabler Icons

More chess icons from Font Awesome 6 Solid

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

Use the chess icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M144 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v16H96c-8.8 0-16 7.2-16 16s7.2 16 16 16h16v32H60.2C49.1 96 40 105.1 40 116.2c0 2.5.5 4.9 1.3 7.3L73.8 208H72c-13.3 0-24 10.7-24 24s10.7 24 24 24h4L60 384h136l-16-128h4c13.3 0 24-10.7 24-24s-10.7-24-24-24h-1.8l32.5-84.5c.9-2.3 1.3-4.8 1.3-7.3c0-11.2-9.1-20.2-20.2-20.2H144V64h16c8.8 0 16-7.2 16-16s-7.2-16-16-16h-16zM48 416L4.8 473.6C1.7 477.8 0 482.8 0 488c0 13.3 10.7 24 24 24h208c13.3 0 24-10.7 24-24c0-5.2-1.7-10.2-4.8-14.4L208 416zm288 0l-43.2 57.6c-3.1 4.2-4.8 9.2-4.8 14.4c0 13.3 10.7 24 24 24h176c13.3 0 24-10.7 24-24c0-5.2-1.7-10.2-4.8-14.4L464 416zm-32-208v51.9c0 7.8 2.8 15.3 8 21.1l27.2 31l-2.2 72h125.5l-3.3-72l28.3-30.8c5.4-5.9 8.5-13.6 8.5-21.7V208c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16m80 96c0-8.8 7.2-16 16-16s16 7.2 16 16v32h-32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidChess(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M144 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v16H96c-8.8 0-16 7.2-16 16s7.2 16 16 16h16v32H60.2C49.1 96 40 105.1 40 116.2c0 2.5.5 4.9 1.3 7.3L73.8 208H72c-13.3 0-24 10.7-24 24s10.7 24 24 24h4L60 384h136l-16-128h4c13.3 0 24-10.7 24-24s-10.7-24-24-24h-1.8l32.5-84.5c.9-2.3 1.3-4.8 1.3-7.3c0-11.2-9.1-20.2-20.2-20.2H144V64h16c8.8 0 16-7.2 16-16s-7.2-16-16-16h-16zM48 416L4.8 473.6C1.7 477.8 0 482.8 0 488c0 13.3 10.7 24 24 24h208c13.3 0 24-10.7 24-24c0-5.2-1.7-10.2-4.8-14.4L208 416zm288 0l-43.2 57.6c-3.1 4.2-4.8 9.2-4.8 14.4c0 13.3 10.7 24 24 24h176c13.3 0 24-10.7 24-24c0-5.2-1.7-10.2-4.8-14.4L464 416zm-32-208v51.9c0 7.8 2.8 15.3 8 21.1l27.2 31l-2.2 72h125.5l-3.3-72l28.3-30.8c5.4-5.9 8.5-13.6 8.5-21.7V208c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16m80 96c0-8.8 7.2-16 16-16s16 7.2 16 16v32h-32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M144 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v16H96c-8.8 0-16 7.2-16 16s7.2 16 16 16h16v32H60.2C49.1 96 40 105.1 40 116.2c0 2.5.5 4.9 1.3 7.3L73.8 208H72c-13.3 0-24 10.7-24 24s10.7 24 24 24h4L60 384h136l-16-128h4c13.3 0 24-10.7 24-24s-10.7-24-24-24h-1.8l32.5-84.5c.9-2.3 1.3-4.8 1.3-7.3c0-11.2-9.1-20.2-20.2-20.2H144V64h16c8.8 0 16-7.2 16-16s-7.2-16-16-16h-16zM48 416L4.8 473.6C1.7 477.8 0 482.8 0 488c0 13.3 10.7 24 24 24h208c13.3 0 24-10.7 24-24c0-5.2-1.7-10.2-4.8-14.4L208 416zm288 0l-43.2 57.6c-3.1 4.2-4.8 9.2-4.8 14.4c0 13.3 10.7 24 24 24h176c13.3 0 24-10.7 24-24c0-5.2-1.7-10.2-4.8-14.4L464 416zm-32-208v51.9c0 7.8 2.8 15.3 8 21.1l27.2 31l-2.2 72h125.5l-3.3-72l28.3-30.8c5.4-5.9 8.5-13.6 8.5-21.7V208c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16m80 96c0-8.8 7.2-16 16-16s16 7.2 16 16v32h-32z"/></svg>
</template>

CSS

.icon-chess {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M144%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016v16H96c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h16v32H60.2C49.1%2096%2040%20105.1%2040%20116.2c0%202.5.5%204.9%201.3%207.3L73.8%20208H72c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h4L60%20384h136l-16-128h4c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-1.8l32.5-84.5c.9-2.3%201.3-4.8%201.3-7.3c0-11.2-9.1-20.2-20.2-20.2H144V64h16c8.8%200%2016-7.2%2016-16s-7.2-16-16-16h-16zM48%20416L4.8%20473.6C1.7%20477.8%200%20482.8%200%20488c0%2013.3%2010.7%2024%2024%2024h208c13.3%200%2024-10.7%2024-24c0-5.2-1.7-10.2-4.8-14.4L208%20416zm288%200l-43.2%2057.6c-3.1%204.2-4.8%209.2-4.8%2014.4c0%2013.3%2010.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24c0-5.2-1.7-10.2-4.8-14.4L464%20416zm-32-208v51.9c0%207.8%202.8%2015.3%208%2021.1l27.2%2031l-2.2%2072h125.5l-3.3-72l28.3-30.8c5.4-5.9%208.5-13.6%208.5-21.7V208c0-8.8-7.2-16-16-16h-16c-8.8%200-16%207.2-16%2016v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8%200-16%207.2-16%2016v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8%200-16%207.2-16%2016m80%2096c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v32h-32z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M144%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016v16H96c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h16v32H60.2C49.1%2096%2040%20105.1%2040%20116.2c0%202.5.5%204.9%201.3%207.3L73.8%20208H72c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h4L60%20384h136l-16-128h4c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-1.8l32.5-84.5c.9-2.3%201.3-4.8%201.3-7.3c0-11.2-9.1-20.2-20.2-20.2H144V64h16c8.8%200%2016-7.2%2016-16s-7.2-16-16-16h-16zM48%20416L4.8%20473.6C1.7%20477.8%200%20482.8%200%20488c0%2013.3%2010.7%2024%2024%2024h208c13.3%200%2024-10.7%2024-24c0-5.2-1.7-10.2-4.8-14.4L208%20416zm288%200l-43.2%2057.6c-3.1%204.2-4.8%209.2-4.8%2014.4c0%2013.3%2010.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24c0-5.2-1.7-10.2-4.8-14.4L464%20416zm-32-208v51.9c0%207.8%202.8%2015.3%208%2021.1l27.2%2031l-2.2%2072h125.5l-3.3-72l28.3-30.8c5.4-5.9%208.5-13.6%208.5-21.7V208c0-8.8-7.2-16-16-16h-16c-8.8%200-16%207.2-16%2016v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8%200-16%207.2-16%2016v16h-24v-16c0-8.8-7.2-16-16-16h-16c-8.8%200-16%207.2-16%2016m80%2096c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v32h-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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