chess icon

chess-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name: chess-24-regular
Set: Fluent UI System Icons
Style: 24 Regular
Viewbox: 24×24
License: MIT

5 other variants in Fluent UI System Icons

chess-16-filled chess-16-regular chess-20-filled chess-20-regular chess-24-filled

The same icon in other sets

chessAkar Icons chessBoxIcons v2 Solid chessFont Awesome 6 Solid chessFont Awesome Solid chessIconPark chessIconPark Outline chessLine Awesome chessMaterial Icon Theme chessMaterial Symbols chessMaterial Symbols Light chess-fillMingCute Icon chessPixelarticons chess-fillRemix Icon chessTabler Icons

Use the chess icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 6A3.5 3.5 0 0 1 11 9.5c0 .376-.064.737-.174 1.077A2.249 2.249 0 0 1 10.25 15h-.121c.379 1.79 1.5 2.997 2.139 3.558c.417.366.732.918.732 1.552l-.01.194a1.89 1.89 0 0 1-1.686 1.686l-.194.01H3.89a1.89 1.89 0 0 1-1.88-1.696L2 20.11c0-.634.315-1.186.732-1.552c.64-.561 1.76-1.768 2.14-3.558H4.75a2.25 2.25 0 0 1-.577-4.423A3.5 3.5 0 0 1 4 9.5A3.5 3.5 0 0 1 7.5 6m6.23-4a2.24 2.24 0 0 1 1.432.517a1.99 1.99 0 0 1 2.675 0A2.24 2.24 0 0 1 19.27 2h.23l.153.008A1.5 1.5 0 0 1 21 3.5v3.25a2.75 2.75 0 0 1-2.194 2.693c.338 5.188 2.155 8.31 2.8 9.269c.236.35.394.78.394 1.247l-.01.209a2.04 2.04 0 0 1-1.822 1.821l-.209.011h-6.666c.359-.414.6-.93.678-1.5h5.988l.108-.01a.54.54 0 0 0 .422-.423l.011-.108a.74.74 0 0 0-.138-.41c-.794-1.18-2.872-4.813-3.091-10.772A.75.75 0 0 1 18.02 8h.23c.69 0 1.25-.56 1.25-1.25V3.5h-.23a.75.75 0 0 0-.75.734l-.02 1.03A.75.75 0 0 1 17 5.25V4a.5.5 0 0 0-1 0v1.25l-.004.076a.75.75 0 0 1-1.496-.061l-.02-1.03a.75.75 0 0 0-.75-.735h-.23v3.25c0 .69.56 1.25 1.25 1.25h.23a.75.75 0 0 1 .75.777c-.168 4.543-1.417 7.734-2.352 9.517a3.3 3.3 0 0 0-.451-.487a6 6 0 0 1-.648-.666c.765-1.586 1.684-4.162 1.914-7.698A2.75 2.75 0 0 1 12 6.75V3.5A1.5 1.5 0 0 1 13.5 2zM7.5 7.5a2 2 0 0 0-1.543 3.273A.75.75 0 0 1 5.379 12H4.75a.75.75 0 0 0 0 1.5h.982a.75.75 0 0 1 .748.804c-.203 2.805-1.897 4.626-2.757 5.38c-.155.137-.223.299-.223.426l.008.079a.39.39 0 0 0 .382.311h7.22l.079-.008a.39.39 0 0 0 .303-.303l.008-.079c0-.127-.068-.29-.223-.425c-.86-.755-2.554-2.576-2.757-5.381a.75.75 0 0 1 .748-.804h.982l.077-.004A.75.75 0 0 0 10.25 12h-.629a.75.75 0 0 1-.578-1.227A2 2 0 0 0 7.5 7.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentChess24Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 6A3.5 3.5 0 0 1 11 9.5c0 .376-.064.737-.174 1.077A2.249 2.249 0 0 1 10.25 15h-.121c.379 1.79 1.5 2.997 2.139 3.558c.417.366.732.918.732 1.552l-.01.194a1.89 1.89 0 0 1-1.686 1.686l-.194.01H3.89a1.89 1.89 0 0 1-1.88-1.696L2 20.11c0-.634.315-1.186.732-1.552c.64-.561 1.76-1.768 2.14-3.558H4.75a2.25 2.25 0 0 1-.577-4.423A3.5 3.5 0 0 1 4 9.5A3.5 3.5 0 0 1 7.5 6m6.23-4a2.24 2.24 0 0 1 1.432.517a1.99 1.99 0 0 1 2.675 0A2.24 2.24 0 0 1 19.27 2h.23l.153.008A1.5 1.5 0 0 1 21 3.5v3.25a2.75 2.75 0 0 1-2.194 2.693c.338 5.188 2.155 8.31 2.8 9.269c.236.35.394.78.394 1.247l-.01.209a2.04 2.04 0 0 1-1.822 1.821l-.209.011h-6.666c.359-.414.6-.93.678-1.5h5.988l.108-.01a.54.54 0 0 0 .422-.423l.011-.108a.74.74 0 0 0-.138-.41c-.794-1.18-2.872-4.813-3.091-10.772A.75.75 0 0 1 18.02 8h.23c.69 0 1.25-.56 1.25-1.25V3.5h-.23a.75.75 0 0 0-.75.734l-.02 1.03A.75.75 0 0 1 17 5.25V4a.5.5 0 0 0-1 0v1.25l-.004.076a.75.75 0 0 1-1.496-.061l-.02-1.03a.75.75 0 0 0-.75-.735h-.23v3.25c0 .69.56 1.25 1.25 1.25h.23a.75.75 0 0 1 .75.777c-.168 4.543-1.417 7.734-2.352 9.517a3.3 3.3 0 0 0-.451-.487a6 6 0 0 1-.648-.666c.765-1.586 1.684-4.162 1.914-7.698A2.75 2.75 0 0 1 12 6.75V3.5A1.5 1.5 0 0 1 13.5 2zM7.5 7.5a2 2 0 0 0-1.543 3.273A.75.75 0 0 1 5.379 12H4.75a.75.75 0 0 0 0 1.5h.982a.75.75 0 0 1 .748.804c-.203 2.805-1.897 4.626-2.757 5.38c-.155.137-.223.299-.223.426l.008.079a.39.39 0 0 0 .382.311h7.22l.079-.008a.39.39 0 0 0 .303-.303l.008-.079c0-.127-.068-.29-.223-.425c-.86-.755-2.554-2.576-2.757-5.381a.75.75 0 0 1 .748-.804h.982l.077-.004A.75.75 0 0 0 10.25 12h-.629a.75.75 0 0 1-.578-1.227A2 2 0 0 0 7.5 7.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 6A3.5 3.5 0 0 1 11 9.5c0 .376-.064.737-.174 1.077A2.249 2.249 0 0 1 10.25 15h-.121c.379 1.79 1.5 2.997 2.139 3.558c.417.366.732.918.732 1.552l-.01.194a1.89 1.89 0 0 1-1.686 1.686l-.194.01H3.89a1.89 1.89 0 0 1-1.88-1.696L2 20.11c0-.634.315-1.186.732-1.552c.64-.561 1.76-1.768 2.14-3.558H4.75a2.25 2.25 0 0 1-.577-4.423A3.5 3.5 0 0 1 4 9.5A3.5 3.5 0 0 1 7.5 6m6.23-4a2.24 2.24 0 0 1 1.432.517a1.99 1.99 0 0 1 2.675 0A2.24 2.24 0 0 1 19.27 2h.23l.153.008A1.5 1.5 0 0 1 21 3.5v3.25a2.75 2.75 0 0 1-2.194 2.693c.338 5.188 2.155 8.31 2.8 9.269c.236.35.394.78.394 1.247l-.01.209a2.04 2.04 0 0 1-1.822 1.821l-.209.011h-6.666c.359-.414.6-.93.678-1.5h5.988l.108-.01a.54.54 0 0 0 .422-.423l.011-.108a.74.74 0 0 0-.138-.41c-.794-1.18-2.872-4.813-3.091-10.772A.75.75 0 0 1 18.02 8h.23c.69 0 1.25-.56 1.25-1.25V3.5h-.23a.75.75 0 0 0-.75.734l-.02 1.03A.75.75 0 0 1 17 5.25V4a.5.5 0 0 0-1 0v1.25l-.004.076a.75.75 0 0 1-1.496-.061l-.02-1.03a.75.75 0 0 0-.75-.735h-.23v3.25c0 .69.56 1.25 1.25 1.25h.23a.75.75 0 0 1 .75.777c-.168 4.543-1.417 7.734-2.352 9.517a3.3 3.3 0 0 0-.451-.487a6 6 0 0 1-.648-.666c.765-1.586 1.684-4.162 1.914-7.698A2.75 2.75 0 0 1 12 6.75V3.5A1.5 1.5 0 0 1 13.5 2zM7.5 7.5a2 2 0 0 0-1.543 3.273A.75.75 0 0 1 5.379 12H4.75a.75.75 0 0 0 0 1.5h.982a.75.75 0 0 1 .748.804c-.203 2.805-1.897 4.626-2.757 5.38c-.155.137-.223.299-.223.426l.008.079a.39.39 0 0 0 .382.311h7.22l.079-.008a.39.39 0 0 0 .303-.303l.008-.079c0-.127-.068-.29-.223-.425c-.86-.755-2.554-2.576-2.757-5.381a.75.75 0 0 1 .748-.804h.982l.077-.004A.75.75 0 0 0 10.25 12h-.629a.75.75 0 0 1-.578-1.227A2 2 0 0 0 7.5 7.5"/></svg>
</template>

CSS

.icon-chess-24-regular {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%206A3.5%203.5%200%200%201%2011%209.5c0%20.376-.064.737-.174%201.077A2.249%202.249%200%200%201%2010.25%2015h-.121c.379%201.79%201.5%202.997%202.139%203.558c.417.366.732.918.732%201.552l-.01.194a1.89%201.89%200%200%201-1.686%201.686l-.194.01H3.89a1.89%201.89%200%200%201-1.88-1.696L2%2020.11c0-.634.315-1.186.732-1.552c.64-.561%201.76-1.768%202.14-3.558H4.75a2.25%202.25%200%200%201-.577-4.423A3.5%203.5%200%200%201%204%209.5A3.5%203.5%200%200%201%207.5%206m6.23-4a2.24%202.24%200%200%201%201.432.517a1.99%201.99%200%200%201%202.675%200A2.24%202.24%200%200%201%2019.27%202h.23l.153.008A1.5%201.5%200%200%201%2021%203.5v3.25a2.75%202.75%200%200%201-2.194%202.693c.338%205.188%202.155%208.31%202.8%209.269c.236.35.394.78.394%201.247l-.01.209a2.04%202.04%200%200%201-1.822%201.821l-.209.011h-6.666c.359-.414.6-.93.678-1.5h5.988l.108-.01a.54.54%200%200%200%20.422-.423l.011-.108a.74.74%200%200%200-.138-.41c-.794-1.18-2.872-4.813-3.091-10.772A.75.75%200%200%201%2018.02%208h.23c.69%200%201.25-.56%201.25-1.25V3.5h-.23a.75.75%200%200%200-.75.734l-.02%201.03A.75.75%200%200%201%2017%205.25V4a.5.5%200%200%200-1%200v1.25l-.004.076a.75.75%200%200%201-1.496-.061l-.02-1.03a.75.75%200%200%200-.75-.735h-.23v3.25c0%20.69.56%201.25%201.25%201.25h.23a.75.75%200%200%201%20.75.777c-.168%204.543-1.417%207.734-2.352%209.517a3.3%203.3%200%200%200-.451-.487a6%206%200%200%201-.648-.666c.765-1.586%201.684-4.162%201.914-7.698A2.75%202.75%200%200%201%2012%206.75V3.5A1.5%201.5%200%200%201%2013.5%202zM7.5%207.5a2%202%200%200%200-1.543%203.273A.75.75%200%200%201%205.379%2012H4.75a.75.75%200%200%200%200%201.5h.982a.75.75%200%200%201%20.748.804c-.203%202.805-1.897%204.626-2.757%205.38c-.155.137-.223.299-.223.426l.008.079a.39.39%200%200%200%20.382.311h7.22l.079-.008a.39.39%200%200%200%20.303-.303l.008-.079c0-.127-.068-.29-.223-.425c-.86-.755-2.554-2.576-2.757-5.381a.75.75%200%200%201%20.748-.804h.982l.077-.004A.75.75%200%200%200%2010.25%2012h-.629a.75.75%200%200%201-.578-1.227A2%202%200%200%200%207.5%207.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%206A3.5%203.5%200%200%201%2011%209.5c0%20.376-.064.737-.174%201.077A2.249%202.249%200%200%201%2010.25%2015h-.121c.379%201.79%201.5%202.997%202.139%203.558c.417.366.732.918.732%201.552l-.01.194a1.89%201.89%200%200%201-1.686%201.686l-.194.01H3.89a1.89%201.89%200%200%201-1.88-1.696L2%2020.11c0-.634.315-1.186.732-1.552c.64-.561%201.76-1.768%202.14-3.558H4.75a2.25%202.25%200%200%201-.577-4.423A3.5%203.5%200%200%201%204%209.5A3.5%203.5%200%200%201%207.5%206m6.23-4a2.24%202.24%200%200%201%201.432.517a1.99%201.99%200%200%201%202.675%200A2.24%202.24%200%200%201%2019.27%202h.23l.153.008A1.5%201.5%200%200%201%2021%203.5v3.25a2.75%202.75%200%200%201-2.194%202.693c.338%205.188%202.155%208.31%202.8%209.269c.236.35.394.78.394%201.247l-.01.209a2.04%202.04%200%200%201-1.822%201.821l-.209.011h-6.666c.359-.414.6-.93.678-1.5h5.988l.108-.01a.54.54%200%200%200%20.422-.423l.011-.108a.74.74%200%200%200-.138-.41c-.794-1.18-2.872-4.813-3.091-10.772A.75.75%200%200%201%2018.02%208h.23c.69%200%201.25-.56%201.25-1.25V3.5h-.23a.75.75%200%200%200-.75.734l-.02%201.03A.75.75%200%200%201%2017%205.25V4a.5.5%200%200%200-1%200v1.25l-.004.076a.75.75%200%200%201-1.496-.061l-.02-1.03a.75.75%200%200%200-.75-.735h-.23v3.25c0%20.69.56%201.25%201.25%201.25h.23a.75.75%200%200%201%20.75.777c-.168%204.543-1.417%207.734-2.352%209.517a3.3%203.3%200%200%200-.451-.487a6%206%200%200%201-.648-.666c.765-1.586%201.684-4.162%201.914-7.698A2.75%202.75%200%200%201%2012%206.75V3.5A1.5%201.5%200%200%201%2013.5%202zM7.5%207.5a2%202%200%200%200-1.543%203.273A.75.75%200%200%201%205.379%2012H4.75a.75.75%200%200%200%200%201.5h.982a.75.75%200%200%201%20.748.804c-.203%202.805-1.897%204.626-2.757%205.38c-.155.137-.223.299-.223.426l.008.079a.39.39%200%200%200%20.382.311h7.22l.079-.008a.39.39%200%200%200%20.303-.303l.008-.079c0-.127-.068-.29-.223-.425c-.86-.755-2.554-2.576-2.757-5.381a.75.75%200%200%201%20.748-.804h.982l.077-.004A.75.75%200%200%200%2010.25%2012h-.629a.75.75%200%200%201-.578-1.227A2%202%200%200%200%207.5%207.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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