chess icon
chess-outline-sharp from Material Symbols Light by Google · Outline Sharp · Social · Apache-2.0 Free for personal and commercial use.
- Name
- chess-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
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="M5.77 19.23h12.46v-1.94H5.77zm2.684-2.941h7.092l-.69-4.789H9.144zM4.769 20.23v-3.943h2.685l.685-4.788h-2.37v-1h12.462v1h-2.37l.685 4.789h2.685v3.942zm3.333-9.73L6.615 3.77q.71.451 1.327.703q.616.252 1.356.252q.827 0 1.501-.272T12 3.75q.527.43 1.202.703t1.48.272q.685 0 1.282-.242q.596-.243 1.44-.714L15.898 10.5h-1.03l1.128-4.998q-.288.096-.63.16q-.341.063-.76.063q-.696 0-1.362-.179T12 5.021q-.571.346-1.238.525t-1.364.179q-.411 0-.749-.044t-.626-.14l1.11 4.959zM12 19.23"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightChessOutlineSharp(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="M5.77 19.23h12.46v-1.94H5.77zm2.684-2.941h7.092l-.69-4.789H9.144zM4.769 20.23v-3.943h2.685l.685-4.788h-2.37v-1h12.462v1h-2.37l.685 4.789h2.685v3.942zm3.333-9.73L6.615 3.77q.71.451 1.327.703q.616.252 1.356.252q.827 0 1.501-.272T12 3.75q.527.43 1.202.703t1.48.272q.685 0 1.282-.242q.596-.243 1.44-.714L15.898 10.5h-1.03l1.128-4.998q-.288.096-.63.16q-.341.063-.76.063q-.696 0-1.362-.179T12 5.021q-.571.346-1.238.525t-1.364.179q-.411 0-.749-.044t-.626-.14l1.11 4.959zM12 19.23"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.77 19.23h12.46v-1.94H5.77zm2.684-2.941h7.092l-.69-4.789H9.144zM4.769 20.23v-3.943h2.685l.685-4.788h-2.37v-1h12.462v1h-2.37l.685 4.789h2.685v3.942zm3.333-9.73L6.615 3.77q.71.451 1.327.703q.616.252 1.356.252q.827 0 1.501-.272T12 3.75q.527.43 1.202.703t1.48.272q.685 0 1.282-.242q.596-.243 1.44-.714L15.898 10.5h-1.03l1.128-4.998q-.288.096-.63.16q-.341.063-.76.063q-.696 0-1.362-.179T12 5.021q-.571.346-1.238.525t-1.364.179q-.411 0-.749-.044t-.626-.14l1.11 4.959zM12 19.23"/></svg> </template>
CSS
.icon-chess-outline-sharp {
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%22M5.77%2019.23h12.46v-1.94H5.77zm2.684-2.941h7.092l-.69-4.789H9.144zM4.769%2020.23v-3.943h2.685l.685-4.788h-2.37v-1h12.462v1h-2.37l.685%204.789h2.685v3.942zm3.333-9.73L6.615%203.77q.71.451%201.327.703q.616.252%201.356.252q.827%200%201.501-.272T12%203.75q.527.43%201.202.703t1.48.272q.685%200%201.282-.242q.596-.243%201.44-.714L15.898%2010.5h-1.03l1.128-4.998q-.288.096-.63.16q-.341.063-.76.063q-.696%200-1.362-.179T12%205.021q-.571.346-1.238.525t-1.364.179q-.411%200-.749-.044t-.626-.14l1.11%204.959zM12%2019.23%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%22M5.77%2019.23h12.46v-1.94H5.77zm2.684-2.941h7.092l-.69-4.789H9.144zM4.769%2020.23v-3.943h2.685l.685-4.788h-2.37v-1h12.462v1h-2.37l.685%204.789h2.685v3.942zm3.333-9.73L6.615%203.77q.71.451%201.327.703q.616.252%201.356.252q.827%200%201.501-.272T12%203.75q.527.43%201.202.703t1.48.272q.685%200%201.282-.242q.596-.243%201.44-.714L15.898%2010.5h-1.03l1.128-4.998q-.288.096-.63.16q-.341.063-.76.063q-.696%200-1.362-.179T12%205.021q-.571.346-1.238.525t-1.364.179q-.411%200-.749-.044t-.626-.14l1.11%204.959zM12%2019.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/chess-outline-sharp.svg?color=%231a73e8&size=48
