chess icon

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

Name
chess
Set
Font Awesome Solid
Style
Solid
Category
Chess
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

chessAkar IconschessBoxIcons v2 SolidchessFont Awesome 6 Solidchess-16-filledFluent UI System IconschessIconParkchessIconPark OutlinechessLine AwesomechessMaterial Icon ThemechessMaterial SymbolschessMaterial Symbols Lightchess-fillMingCute IconchessPixelarticonschess-fillRemix IconchessTabler Icons

More chess icons from Font Awesome Solid

chess-bishopchess-boardchess-kingchess-knightchess-pawnchess-queenchess-rooksquare-full

Use the chess icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M232 120v40h-78.1c-14.3 0-25.9 11.6-25.9 25.9c0 4 .9 8 2.7 11.6l33.4 66.8c-11.4 1.8-20.2 11.7-20.2 23.7c0 13.3 10.7 24 24 24h5.6l-13.6 136l-56.2 70.3c-5 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h248.9c19.6 0 35.5-15.9 35.5-35.5c0-8.1-2.7-15.9-7.8-22.2L352 448l-13.6-136h5.6c13.3 0 24-10.7 24-24c0-11.9-8.7-21.9-20.2-23.7l33.4-66.8c1.8-3.6 2.7-7.6 2.7-11.6c0-14.3-11.6-25.9-25.9-25.9h-78.1v-40h16c13.3 0 24-10.7 24-24S309.3 72 296 72h-16V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v16h-16c-13.3 0-24 10.7-24 24s10.7 24 24 24zm157.8 223.6l8.5 85.5l47.4 59.2l4.2 5.7c9.2 13.7 14.1 29.9 14.1 46.5c0 12.7-2.8 24.8-7.9 35.5h83.1c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L544 480.1v-64l13.3-13.3c12-12 18.7-28.3 18.7-45.3V256c0-17.7-14.3-32-32-32s-32 14.3-32 32v16h-32v-16c0-17.7-14.3-32-32-32s-32 14.3-32 32v32c0 22.4-10.2 42.4-26.2 55.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidChess(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M232 120v40h-78.1c-14.3 0-25.9 11.6-25.9 25.9c0 4 .9 8 2.7 11.6l33.4 66.8c-11.4 1.8-20.2 11.7-20.2 23.7c0 13.3 10.7 24 24 24h5.6l-13.6 136l-56.2 70.3c-5 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h248.9c19.6 0 35.5-15.9 35.5-35.5c0-8.1-2.7-15.9-7.8-22.2L352 448l-13.6-136h5.6c13.3 0 24-10.7 24-24c0-11.9-8.7-21.9-20.2-23.7l33.4-66.8c1.8-3.6 2.7-7.6 2.7-11.6c0-14.3-11.6-25.9-25.9-25.9h-78.1v-40h16c13.3 0 24-10.7 24-24S309.3 72 296 72h-16V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v16h-16c-13.3 0-24 10.7-24 24s10.7 24 24 24zm157.8 223.6l8.5 85.5l47.4 59.2l4.2 5.7c9.2 13.7 14.1 29.9 14.1 46.5c0 12.7-2.8 24.8-7.9 35.5h83.1c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L544 480.1v-64l13.3-13.3c12-12 18.7-28.3 18.7-45.3V256c0-17.7-14.3-32-32-32s-32 14.3-32 32v16h-32v-16c0-17.7-14.3-32-32-32s-32 14.3-32 32v32c0 22.4-10.2 42.4-26.2 55.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M232 120v40h-78.1c-14.3 0-25.9 11.6-25.9 25.9c0 4 .9 8 2.7 11.6l33.4 66.8c-11.4 1.8-20.2 11.7-20.2 23.7c0 13.3 10.7 24 24 24h5.6l-13.6 136l-56.2 70.3c-5 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h248.9c19.6 0 35.5-15.9 35.5-35.5c0-8.1-2.7-15.9-7.8-22.2L352 448l-13.6-136h5.6c13.3 0 24-10.7 24-24c0-11.9-8.7-21.9-20.2-23.7l33.4-66.8c1.8-3.6 2.7-7.6 2.7-11.6c0-14.3-11.6-25.9-25.9-25.9h-78.1v-40h16c13.3 0 24-10.7 24-24S309.3 72 296 72h-16V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v16h-16c-13.3 0-24 10.7-24 24s10.7 24 24 24zm157.8 223.6l8.5 85.5l47.4 59.2l4.2 5.7c9.2 13.7 14.1 29.9 14.1 46.5c0 12.7-2.8 24.8-7.9 35.5h83.1c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L544 480.1v-64l13.3-13.3c12-12 18.7-28.3 18.7-45.3V256c0-17.7-14.3-32-32-32s-32 14.3-32 32v16h-32v-16c0-17.7-14.3-32-32-32s-32 14.3-32 32v32c0 22.4-10.2 42.4-26.2 55.6"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20120v40h-78.1c-14.3%200-25.9%2011.6-25.9%2025.9c0%204%20.9%208%202.7%2011.6l33.4%2066.8c-11.4%201.8-20.2%2011.7-20.2%2023.7c0%2013.3%2010.7%2024%2024%2024h5.6l-13.6%20136l-56.2%2070.3c-5%206.3-7.8%2014.1-7.8%2022.2c0%2019.6%2015.9%2035.5%2035.5%2035.5h248.9c19.6%200%2035.5-15.9%2035.5-35.5c0-8.1-2.7-15.9-7.8-22.2L352%20448l-13.6-136h5.6c13.3%200%2024-10.7%2024-24c0-11.9-8.7-21.9-20.2-23.7l33.4-66.8c1.8-3.6%202.7-7.6%202.7-11.6c0-14.3-11.6-25.9-25.9-25.9h-78.1v-40h16c13.3%200%2024-10.7%2024-24S309.3%2072%20296%2072h-16V56c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v16h-16c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024zm157.8%20223.6l8.5%2085.5l47.4%2059.2l4.2%205.7c9.2%2013.7%2014.1%2029.9%2014.1%2046.5c0%2012.7-2.8%2024.8-7.9%2035.5h83.1c20.3%200%2036.8-16.5%2036.8-36.8c0-7.3-2.2-14.4-6.2-20.4L544%20480.1v-64l13.3-13.3c12-12%2018.7-28.3%2018.7-45.3V256c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v16h-32v-16c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v32c0%2022.4-10.2%2042.4-26.2%2055.6%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20120v40h-78.1c-14.3%200-25.9%2011.6-25.9%2025.9c0%204%20.9%208%202.7%2011.6l33.4%2066.8c-11.4%201.8-20.2%2011.7-20.2%2023.7c0%2013.3%2010.7%2024%2024%2024h5.6l-13.6%20136l-56.2%2070.3c-5%206.3-7.8%2014.1-7.8%2022.2c0%2019.6%2015.9%2035.5%2035.5%2035.5h248.9c19.6%200%2035.5-15.9%2035.5-35.5c0-8.1-2.7-15.9-7.8-22.2L352%20448l-13.6-136h5.6c13.3%200%2024-10.7%2024-24c0-11.9-8.7-21.9-20.2-23.7l33.4-66.8c1.8-3.6%202.7-7.6%202.7-11.6c0-14.3-11.6-25.9-25.9-25.9h-78.1v-40h16c13.3%200%2024-10.7%2024-24S309.3%2072%20296%2072h-16V56c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v16h-16c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024zm157.8%20223.6l8.5%2085.5l47.4%2059.2l4.2%205.7c9.2%2013.7%2014.1%2029.9%2014.1%2046.5c0%2012.7-2.8%2024.8-7.9%2035.5h83.1c20.3%200%2036.8-16.5%2036.8-36.8c0-7.3-2.2-14.4-6.2-20.4L544%20480.1v-64l13.3-13.3c12-12%2018.7-28.3%2018.7-45.3V256c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v16h-32v-16c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v32c0%2022.4-10.2%2042.4-26.2%2055.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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