chess king icon
chess-king from Font Awesome 6 Solid by Dave Gandy · Regular · Chess · CC-BY-4.0 Attribution required.
- Name
- chess-king
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Chess
- Viewbox
- 448×512
- License
- CC BY 4.0
The same icon in other sets
More chess icons from Font Awesome 6 Solid
Use the chess king icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 0c17.7 0 32 14.3 32 32v16h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16v48h152c22.1 0 40 17.9 40 40c0 5.3-1 10.5-3.1 15.4L368 400H80L3.1 215.4C1 210.5 0 205.3 0 200c0-22.1 17.9-40 40-40h152v-48h-16c-17.7 0-32-14.3-32-32s14.3-32 32-32h16V32c0-17.7 14.3-32 32-32M38.6 473.4L80 432h288l41.4 41.4c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6H54.6C42.1 512 32 501.9 32 489.4c0-6 2.4-11.8 6.6-16"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidChessKing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 0c17.7 0 32 14.3 32 32v16h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16v48h152c22.1 0 40 17.9 40 40c0 5.3-1 10.5-3.1 15.4L368 400H80L3.1 215.4C1 210.5 0 205.3 0 200c0-22.1 17.9-40 40-40h152v-48h-16c-17.7 0-32-14.3-32-32s14.3-32 32-32h16V32c0-17.7 14.3-32 32-32M38.6 473.4L80 432h288l41.4 41.4c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6H54.6C42.1 512 32 501.9 32 489.4c0-6 2.4-11.8 6.6-16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 0c17.7 0 32 14.3 32 32v16h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16v48h152c22.1 0 40 17.9 40 40c0 5.3-1 10.5-3.1 15.4L368 400H80L3.1 215.4C1 210.5 0 205.3 0 200c0-22.1 17.9-40 40-40h152v-48h-16c-17.7 0-32-14.3-32-32s14.3-32 32-32h16V32c0-17.7 14.3-32 32-32M38.6 473.4L80 432h288l41.4 41.4c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6H54.6C42.1 512 32 501.9 32 489.4c0-6 2.4-11.8 6.6-16"/></svg> </template>
CSS
.icon-chess-king {
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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%200c17.7%200%2032%2014.3%2032%2032v16h16c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-16v48h152c22.1%200%2040%2017.9%2040%2040c0%205.3-1%2010.5-3.1%2015.4L368%20400H80L3.1%20215.4C1%20210.5%200%20205.3%200%20200c0-22.1%2017.9-40%2040-40h152v-48h-16c-17.7%200-32-14.3-32-32s14.3-32%2032-32h16V32c0-17.7%2014.3-32%2032-32M38.6%20473.4L80%20432h288l41.4%2041.4c4.2%204.2%206.6%2010%206.6%2016c0%2012.5-10.1%2022.6-22.6%2022.6H54.6C42.1%20512%2032%20501.9%2032%20489.4c0-6%202.4-11.8%206.6-16%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%200c17.7%200%2032%2014.3%2032%2032v16h16c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-16v48h152c22.1%200%2040%2017.9%2040%2040c0%205.3-1%2010.5-3.1%2015.4L368%20400H80L3.1%20215.4C1%20210.5%200%20205.3%200%20200c0-22.1%2017.9-40%2040-40h152v-48h-16c-17.7%200-32-14.3-32-32s14.3-32%2032-32h16V32c0-17.7%2014.3-32%2032-32M38.6%20473.4L80%20432h288l41.4%2041.4c4.2%204.2%206.6%2010%206.6%2016c0%2012.5-10.1%2022.6-22.6%2022.6H54.6C42.1%20512%2032%20501.9%2032%20489.4c0-6%202.4-11.8%206.6-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/chess-king.svg?color=%231a73e8&size=48
