chess icon
chess-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- chess-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- 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.326q0-.27-.172-.442q-.173-.173-.442-.173H6.385q-.27 0-.443.172q-.173.173-.173.443zm2.684-2.941h7.092l-.69-4.789H9.144zM5.57 20.23q-.341 0-.571-.233t-.23-.575v-1.52q0-.665.475-1.14t1.14-.475h1.07l.685-4.788h-1.87q-.212 0-.356-.144t-.144-.357t.144-.356t.356-.143h11.462q.212 0 .356.144t.144.357t-.144.356t-.356.143h-1.87l.685 4.789h1.065q.675 0 1.148.474t.472 1.14v1.52q0 .343-.231.576t-.573.232zm6.667-16.234q.113.034.23.101q.46.296 1.023.462q.564.165 1.193.165q.39 0 .72-.063t.708-.211q.208-.074.398-.062q.189.013.332.138q.142.125.22.29t.028.375L15.897 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.959H8.102L6.931 5.192q-.05-.217.028-.372q.077-.155.22-.28q.142-.125.325-.147q.182-.022.388.07q.335.135.68.198q.345.064.726.064q.648 0 1.211-.165q.564-.166 1.024-.462q.117-.067.235-.101q.118-.033.237-.033t.231.033M12 19.231"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightChessOutlineRounded(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.326q0-.27-.172-.442q-.173-.173-.442-.173H6.385q-.27 0-.443.172q-.173.173-.173.443zm2.684-2.941h7.092l-.69-4.789H9.144zM5.57 20.23q-.341 0-.571-.233t-.23-.575v-1.52q0-.665.475-1.14t1.14-.475h1.07l.685-4.788h-1.87q-.212 0-.356-.144t-.144-.357t.144-.356t.356-.143h11.462q.212 0 .356.144t.144.357t-.144.356t-.356.143h-1.87l.685 4.789h1.065q.675 0 1.148.474t.472 1.14v1.52q0 .343-.231.576t-.573.232zm6.667-16.234q.113.034.23.101q.46.296 1.023.462q.564.165 1.193.165q.39 0 .72-.063t.708-.211q.208-.074.398-.062q.189.013.332.138q.142.125.22.29t.028.375L15.897 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.959H8.102L6.931 5.192q-.05-.217.028-.372q.077-.155.22-.28q.142-.125.325-.147q.182-.022.388.07q.335.135.68.198q.345.064.726.064q.648 0 1.211-.165q.564-.166 1.024-.462q.117-.067.235-.101q.118-.033.237-.033t.231.033M12 19.231"/></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.326q0-.27-.172-.442q-.173-.173-.442-.173H6.385q-.27 0-.443.172q-.173.173-.173.443zm2.684-2.941h7.092l-.69-4.789H9.144zM5.57 20.23q-.341 0-.571-.233t-.23-.575v-1.52q0-.665.475-1.14t1.14-.475h1.07l.685-4.788h-1.87q-.212 0-.356-.144t-.144-.357t.144-.356t.356-.143h11.462q.212 0 .356.144t.144.357t-.144.356t-.356.143h-1.87l.685 4.789h1.065q.675 0 1.148.474t.472 1.14v1.52q0 .343-.231.576t-.573.232zm6.667-16.234q.113.034.23.101q.46.296 1.023.462q.564.165 1.193.165q.39 0 .72-.063t.708-.211q.208-.074.398-.062q.189.013.332.138q.142.125.22.29t.028.375L15.897 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.959H8.102L6.931 5.192q-.05-.217.028-.372q.077-.155.22-.28q.142-.125.325-.147q.182-.022.388.07q.335.135.68.198q.345.064.726.064q.648 0 1.211-.165q.564-.166 1.024-.462q.117-.067.235-.101q.118-.033.237-.033t.231.033M12 19.231"/></svg> </template>
CSS
.icon-chess-outline-rounded {
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.326q0-.27-.172-.442q-.173-.173-.442-.173H6.385q-.27%200-.443.172q-.173.173-.173.443zm2.684-2.941h7.092l-.69-4.789H9.144zM5.57%2020.23q-.341%200-.571-.233t-.23-.575v-1.52q0-.665.475-1.14t1.14-.475h1.07l.685-4.788h-1.87q-.212%200-.356-.144t-.144-.357t.144-.356t.356-.143h11.462q.212%200%20.356.144t.144.357t-.144.356t-.356.143h-1.87l.685%204.789h1.065q.675%200%201.148.474t.472%201.14v1.52q0%20.343-.231.576t-.573.232zm6.667-16.234q.113.034.23.101q.46.296%201.023.462q.564.165%201.193.165q.39%200%20.72-.063t.708-.211q.208-.074.398-.062q.189.013.332.138q.142.125.22.29t.028.375L15.897%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.959H8.102L6.931%205.192q-.05-.217.028-.372q.077-.155.22-.28q.142-.125.325-.147q.182-.022.388.07q.335.135.68.198q.345.064.726.064q.648%200%201.211-.165q.564-.166%201.024-.462q.117-.067.235-.101q.118-.033.237-.033t.231.033M12%2019.231%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.326q0-.27-.172-.442q-.173-.173-.442-.173H6.385q-.27%200-.443.172q-.173.173-.173.443zm2.684-2.941h7.092l-.69-4.789H9.144zM5.57%2020.23q-.341%200-.571-.233t-.23-.575v-1.52q0-.665.475-1.14t1.14-.475h1.07l.685-4.788h-1.87q-.212%200-.356-.144t-.144-.357t.144-.356t.356-.143h11.462q.212%200%20.356.144t.144.357t-.144.356t-.356.143h-1.87l.685%204.789h1.065q.675%200%201.148.474t.472%201.14v1.52q0%20.343-.231.576t-.573.232zm6.667-16.234q.113.034.23.101q.46.296%201.023.462q.564.165%201.193.165q.39%200%20.72-.063t.708-.211q.208-.074.398-.062q.189.013.332.138q.142.125.22.29t.028.375L15.897%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.959H8.102L6.931%205.192q-.05-.217.028-.372q.077-.155.22-.28q.142-.125.325-.147q.182-.022.388.07q.335.135.68.198q.345.064.726.064q.648%200%201.211-.165q.564-.166%201.024-.462q.117-.067.235-.101q.118-.033.237-.033t.231.033M12%2019.231%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-rounded.svg?color=%231a73e8&size=48
