chess icon
chess-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- chess-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
Use the chess icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 3a1 1 0 0 1 1-1h.5c.385 0 .737.145 1.002.384A1.5 1.5 0 0 1 13.506 2h.99c.385 0 .737.145 1.003.384A1.5 1.5 0 0 1 16.5 2h.5a1 1 0 0 1 1 1v2.5a2.5 2.5 0 0 1-1.95 2.44c.284 4.043 1.7 6.585 2.187 7.35c.16.252.263.553.263.877v.333A1.5 1.5 0 0 1 17 18h-5.476a2.44 2.44 0 0 0 .435-1H17a.5.5 0 0 0 .5-.5v-.333a.64.64 0 0 0-.107-.34c-.573-.9-2.155-3.774-2.369-8.304A.5.5 0 0 1 15.518 7A1.5 1.5 0 0 0 17 5.5V3h-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 1-1 .003V4.5l-.005-1.002a.5.5 0 0 0-.5-.498h-.99a.5.5 0 0 0-.5.498L13 4.502a.5.5 0 0 1-1-.003v-1a.5.5 0 0 0-.5-.5H11v2.5A1.5 1.5 0 0 0 12.482 7a.5.5 0 0 1 .494.523c-.158 3.34-1.06 5.779-1.752 7.191a3 3 0 0 0-.203-.188a4 4 0 0 1-.55-.558c.588-1.278 1.288-3.315 1.479-6.029A2.505 2.505 0 0 1 10 5.5zM4.5 8a2 2 0 1 1 3.6 1.2a.5.5 0 0 0 .4.8H9a.5.5 0 0 1 0 1H7.893a.5.5 0 0 0-.496.56c.302 2.47 1.609 3.888 2.34 4.5c.175.146.263.33.263.489a.45.45 0 0 1-.451.451H3.45a.45.45 0 0 1-.45-.451c0-.16.088-.343.262-.489c.732-.612 2.04-2.03 2.341-4.5a.5.5 0 0 0-.496-.56H4a.5.5 0 0 1 0-1h.5a.5.5 0 0 0 .4-.8A2 2 0 0 1 4.5 8m2-3a3 3 0 0 0-2.817 4.034A1.5 1.5 0 0 0 4 12h.52c-.372 1.798-1.353 2.836-1.9 3.293c-.346.29-.62.736-.62 1.256C2 17.35 2.65 18 3.451 18H9.55c.8 0 1.45-.65 1.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5 1.5 0 0 0 .317-2.966A3 3 0 0 0 6.5 5"/></svg>
React
import type { SVGProps } from "react";
export function FluentChess20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 3a1 1 0 0 1 1-1h.5c.385 0 .737.145 1.002.384A1.5 1.5 0 0 1 13.506 2h.99c.385 0 .737.145 1.003.384A1.5 1.5 0 0 1 16.5 2h.5a1 1 0 0 1 1 1v2.5a2.5 2.5 0 0 1-1.95 2.44c.284 4.043 1.7 6.585 2.187 7.35c.16.252.263.553.263.877v.333A1.5 1.5 0 0 1 17 18h-5.476a2.44 2.44 0 0 0 .435-1H17a.5.5 0 0 0 .5-.5v-.333a.64.64 0 0 0-.107-.34c-.573-.9-2.155-3.774-2.369-8.304A.5.5 0 0 1 15.518 7A1.5 1.5 0 0 0 17 5.5V3h-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 1-1 .003V4.5l-.005-1.002a.5.5 0 0 0-.5-.498h-.99a.5.5 0 0 0-.5.498L13 4.502a.5.5 0 0 1-1-.003v-1a.5.5 0 0 0-.5-.5H11v2.5A1.5 1.5 0 0 0 12.482 7a.5.5 0 0 1 .494.523c-.158 3.34-1.06 5.779-1.752 7.191a3 3 0 0 0-.203-.188a4 4 0 0 1-.55-.558c.588-1.278 1.288-3.315 1.479-6.029A2.505 2.505 0 0 1 10 5.5zM4.5 8a2 2 0 1 1 3.6 1.2a.5.5 0 0 0 .4.8H9a.5.5 0 0 1 0 1H7.893a.5.5 0 0 0-.496.56c.302 2.47 1.609 3.888 2.34 4.5c.175.146.263.33.263.489a.45.45 0 0 1-.451.451H3.45a.45.45 0 0 1-.45-.451c0-.16.088-.343.262-.489c.732-.612 2.04-2.03 2.341-4.5a.5.5 0 0 0-.496-.56H4a.5.5 0 0 1 0-1h.5a.5.5 0 0 0 .4-.8A2 2 0 0 1 4.5 8m2-3a3 3 0 0 0-2.817 4.034A1.5 1.5 0 0 0 4 12h.52c-.372 1.798-1.353 2.836-1.9 3.293c-.346.29-.62.736-.62 1.256C2 17.35 2.65 18 3.451 18H9.55c.8 0 1.45-.65 1.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5 1.5 0 0 0 .317-2.966A3 3 0 0 0 6.5 5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 3a1 1 0 0 1 1-1h.5c.385 0 .737.145 1.002.384A1.5 1.5 0 0 1 13.506 2h.99c.385 0 .737.145 1.003.384A1.5 1.5 0 0 1 16.5 2h.5a1 1 0 0 1 1 1v2.5a2.5 2.5 0 0 1-1.95 2.44c.284 4.043 1.7 6.585 2.187 7.35c.16.252.263.553.263.877v.333A1.5 1.5 0 0 1 17 18h-5.476a2.44 2.44 0 0 0 .435-1H17a.5.5 0 0 0 .5-.5v-.333a.64.64 0 0 0-.107-.34c-.573-.9-2.155-3.774-2.369-8.304A.5.5 0 0 1 15.518 7A1.5 1.5 0 0 0 17 5.5V3h-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 1-1 .003V4.5l-.005-1.002a.5.5 0 0 0-.5-.498h-.99a.5.5 0 0 0-.5.498L13 4.502a.5.5 0 0 1-1-.003v-1a.5.5 0 0 0-.5-.5H11v2.5A1.5 1.5 0 0 0 12.482 7a.5.5 0 0 1 .494.523c-.158 3.34-1.06 5.779-1.752 7.191a3 3 0 0 0-.203-.188a4 4 0 0 1-.55-.558c.588-1.278 1.288-3.315 1.479-6.029A2.505 2.505 0 0 1 10 5.5zM4.5 8a2 2 0 1 1 3.6 1.2a.5.5 0 0 0 .4.8H9a.5.5 0 0 1 0 1H7.893a.5.5 0 0 0-.496.56c.302 2.47 1.609 3.888 2.34 4.5c.175.146.263.33.263.489a.45.45 0 0 1-.451.451H3.45a.45.45 0 0 1-.45-.451c0-.16.088-.343.262-.489c.732-.612 2.04-2.03 2.341-4.5a.5.5 0 0 0-.496-.56H4a.5.5 0 0 1 0-1h.5a.5.5 0 0 0 .4-.8A2 2 0 0 1 4.5 8m2-3a3 3 0 0 0-2.817 4.034A1.5 1.5 0 0 0 4 12h.52c-.372 1.798-1.353 2.836-1.9 3.293c-.346.29-.62.736-.62 1.256C2 17.35 2.65 18 3.451 18H9.55c.8 0 1.45-.65 1.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5 1.5 0 0 0 .317-2.966A3 3 0 0 0 6.5 5"/></svg> </template>
CSS
.icon-chess-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%203a1%201%200%200%201%201-1h.5c.385%200%20.737.145%201.002.384A1.5%201.5%200%200%201%2013.506%202h.99c.385%200%20.737.145%201.003.384A1.5%201.5%200%200%201%2016.5%202h.5a1%201%200%200%201%201%201v2.5a2.5%202.5%200%200%201-1.95%202.44c.284%204.043%201.7%206.585%202.187%207.35c.16.252.263.553.263.877v.333A1.5%201.5%200%200%201%2017%2018h-5.476a2.44%202.44%200%200%200%20.435-1H17a.5.5%200%200%200%20.5-.5v-.333a.64.64%200%200%200-.107-.34c-.573-.9-2.155-3.774-2.369-8.304A.5.5%200%200%201%2015.518%207A1.5%201.5%200%200%200%2017%205.5V3h-.5a.5.5%200%200%200-.5.5v1a.5.5%200%200%201-1%20.003V4.5l-.005-1.002a.5.5%200%200%200-.5-.498h-.99a.5.5%200%200%200-.5.498L13%204.502a.5.5%200%200%201-1-.003v-1a.5.5%200%200%200-.5-.5H11v2.5A1.5%201.5%200%200%200%2012.482%207a.5.5%200%200%201%20.494.523c-.158%203.34-1.06%205.779-1.752%207.191a3%203%200%200%200-.203-.188a4%204%200%200%201-.55-.558c.588-1.278%201.288-3.315%201.479-6.029A2.505%202.505%200%200%201%2010%205.5zM4.5%208a2%202%200%201%201%203.6%201.2a.5.5%200%200%200%20.4.8H9a.5.5%200%200%201%200%201H7.893a.5.5%200%200%200-.496.56c.302%202.47%201.609%203.888%202.34%204.5c.175.146.263.33.263.489a.45.45%200%200%201-.451.451H3.45a.45.45%200%200%201-.45-.451c0-.16.088-.343.262-.489c.732-.612%202.04-2.03%202.341-4.5a.5.5%200%200%200-.496-.56H4a.5.5%200%200%201%200-1h.5a.5.5%200%200%200%20.4-.8A2%202%200%200%201%204.5%208m2-3a3%203%200%200%200-2.817%204.034A1.5%201.5%200%200%200%204%2012h.52c-.372%201.798-1.353%202.836-1.9%203.293c-.346.29-.62.736-.62%201.256C2%2017.35%202.65%2018%203.451%2018H9.55c.8%200%201.45-.65%201.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5%201.5%200%200%200%20.317-2.966A3%203%200%200%200%206.5%205%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%203a1%201%200%200%201%201-1h.5c.385%200%20.737.145%201.002.384A1.5%201.5%200%200%201%2013.506%202h.99c.385%200%20.737.145%201.003.384A1.5%201.5%200%200%201%2016.5%202h.5a1%201%200%200%201%201%201v2.5a2.5%202.5%200%200%201-1.95%202.44c.284%204.043%201.7%206.585%202.187%207.35c.16.252.263.553.263.877v.333A1.5%201.5%200%200%201%2017%2018h-5.476a2.44%202.44%200%200%200%20.435-1H17a.5.5%200%200%200%20.5-.5v-.333a.64.64%200%200%200-.107-.34c-.573-.9-2.155-3.774-2.369-8.304A.5.5%200%200%201%2015.518%207A1.5%201.5%200%200%200%2017%205.5V3h-.5a.5.5%200%200%200-.5.5v1a.5.5%200%200%201-1%20.003V4.5l-.005-1.002a.5.5%200%200%200-.5-.498h-.99a.5.5%200%200%200-.5.498L13%204.502a.5.5%200%200%201-1-.003v-1a.5.5%200%200%200-.5-.5H11v2.5A1.5%201.5%200%200%200%2012.482%207a.5.5%200%200%201%20.494.523c-.158%203.34-1.06%205.779-1.752%207.191a3%203%200%200%200-.203-.188a4%204%200%200%201-.55-.558c.588-1.278%201.288-3.315%201.479-6.029A2.505%202.505%200%200%201%2010%205.5zM4.5%208a2%202%200%201%201%203.6%201.2a.5.5%200%200%200%20.4.8H9a.5.5%200%200%201%200%201H7.893a.5.5%200%200%200-.496.56c.302%202.47%201.609%203.888%202.34%204.5c.175.146.263.33.263.489a.45.45%200%200%201-.451.451H3.45a.45.45%200%200%201-.45-.451c0-.16.088-.343.262-.489c.732-.612%202.04-2.03%202.341-4.5a.5.5%200%200%200-.496-.56H4a.5.5%200%200%201%200-1h.5a.5.5%200%200%200%20.4-.8A2%202%200%200%201%204.5%208m2-3a3%203%200%200%200-2.817%204.034A1.5%201.5%200%200%200%204%2012h.52c-.372%201.798-1.353%202.836-1.9%203.293c-.346.29-.62.736-.62%201.256C2%2017.35%202.65%2018%203.451%2018H9.55c.8%200%201.45-.65%201.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5%201.5%200%200%200%20.317-2.966A3%203%200%200%200%206.5%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/chess-20-regular.svg?color=%231a73e8&size=48
