chess rook icon
chess-rook from Font Awesome 6 Regular by Dave Gandy · Regular · Chess · CC-BY-4.0 Attribution required.
- Name
- chess-rook
- Set
- Font Awesome 6 Regular
- 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 Regular
Use the chess rook icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M80 80v112c0 2.5 1.2 4.9 3.2 6.4l51.2 38.4c6.8 5.1 10.4 13.4 9.5 21.9L133.5 352H85.2l9.4-85l-40.2-30.2C40.3 226.2 32 209.6 32 192V72c0-22.1 17.9-40 40-40h304c22.1 0 40 17.9 40 40v120c0 17.6-8.3 34.2-22.4 44.8L353.4 267l9.4 85h-48.3l-10.4-93.3c-.9-8.4 2.7-16.8 9.5-21.9l51.2-38.4c2-1.5 3.2-3.9 3.2-6.4V80h-64v24c0 13.3-10.7 24-24 24s-24-10.7-24-24V80h-64v24c0 13.3-10.7 24-24 24s-24-10.7-24-24V80zm4.7 384h278.7l-16.6-32H101.2zm271.9-80c12 0 22.9 6.7 28.4 17.3l26.5 51.2c3 5.8 4.6 12.2 4.6 18.7c0 22.5-18.2 40.8-40.8 40.8H72.8C50.2 512 32 493.8 32 471.2c0-6.5 1.6-12.9 4.6-18.7l26.5-51.2c5.4-10.6 16.4-17.3 28.4-17.3h265zM208 288c-8.8 0-16-7.2-16-16v-48c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 8.8-7.2 16-16 16z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6RegularChessRook(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="M80 80v112c0 2.5 1.2 4.9 3.2 6.4l51.2 38.4c6.8 5.1 10.4 13.4 9.5 21.9L133.5 352H85.2l9.4-85l-40.2-30.2C40.3 226.2 32 209.6 32 192V72c0-22.1 17.9-40 40-40h304c22.1 0 40 17.9 40 40v120c0 17.6-8.3 34.2-22.4 44.8L353.4 267l9.4 85h-48.3l-10.4-93.3c-.9-8.4 2.7-16.8 9.5-21.9l51.2-38.4c2-1.5 3.2-3.9 3.2-6.4V80h-64v24c0 13.3-10.7 24-24 24s-24-10.7-24-24V80h-64v24c0 13.3-10.7 24-24 24s-24-10.7-24-24V80zm4.7 384h278.7l-16.6-32H101.2zm271.9-80c12 0 22.9 6.7 28.4 17.3l26.5 51.2c3 5.8 4.6 12.2 4.6 18.7c0 22.5-18.2 40.8-40.8 40.8H72.8C50.2 512 32 493.8 32 471.2c0-6.5 1.6-12.9 4.6-18.7l26.5-51.2c5.4-10.6 16.4-17.3 28.4-17.3h265zM208 288c-8.8 0-16-7.2-16-16v-48c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 8.8-7.2 16-16 16z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M80 80v112c0 2.5 1.2 4.9 3.2 6.4l51.2 38.4c6.8 5.1 10.4 13.4 9.5 21.9L133.5 352H85.2l9.4-85l-40.2-30.2C40.3 226.2 32 209.6 32 192V72c0-22.1 17.9-40 40-40h304c22.1 0 40 17.9 40 40v120c0 17.6-8.3 34.2-22.4 44.8L353.4 267l9.4 85h-48.3l-10.4-93.3c-.9-8.4 2.7-16.8 9.5-21.9l51.2-38.4c2-1.5 3.2-3.9 3.2-6.4V80h-64v24c0 13.3-10.7 24-24 24s-24-10.7-24-24V80h-64v24c0 13.3-10.7 24-24 24s-24-10.7-24-24V80zm4.7 384h278.7l-16.6-32H101.2zm271.9-80c12 0 22.9 6.7 28.4 17.3l26.5 51.2c3 5.8 4.6 12.2 4.6 18.7c0 22.5-18.2 40.8-40.8 40.8H72.8C50.2 512 32 493.8 32 471.2c0-6.5 1.6-12.9 4.6-18.7l26.5-51.2c5.4-10.6 16.4-17.3 28.4-17.3h265zM208 288c-8.8 0-16-7.2-16-16v-48c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 8.8-7.2 16-16 16z"/></svg> </template>
CSS
.icon-chess-rook {
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%22M80%2080v112c0%202.5%201.2%204.9%203.2%206.4l51.2%2038.4c6.8%205.1%2010.4%2013.4%209.5%2021.9L133.5%20352H85.2l9.4-85l-40.2-30.2C40.3%20226.2%2032%20209.6%2032%20192V72c0-22.1%2017.9-40%2040-40h304c22.1%200%2040%2017.9%2040%2040v120c0%2017.6-8.3%2034.2-22.4%2044.8L353.4%20267l9.4%2085h-48.3l-10.4-93.3c-.9-8.4%202.7-16.8%209.5-21.9l51.2-38.4c2-1.5%203.2-3.9%203.2-6.4V80h-64v24c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V80h-64v24c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V80zm4.7%20384h278.7l-16.6-32H101.2zm271.9-80c12%200%2022.9%206.7%2028.4%2017.3l26.5%2051.2c3%205.8%204.6%2012.2%204.6%2018.7c0%2022.5-18.2%2040.8-40.8%2040.8H72.8C50.2%20512%2032%20493.8%2032%20471.2c0-6.5%201.6-12.9%204.6-18.7l26.5-51.2c5.4-10.6%2016.4-17.3%2028.4-17.3h265zM208%20288c-8.8%200-16-7.2-16-16v-48c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032v48c0%208.8-7.2%2016-16%2016z%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%22M80%2080v112c0%202.5%201.2%204.9%203.2%206.4l51.2%2038.4c6.8%205.1%2010.4%2013.4%209.5%2021.9L133.5%20352H85.2l9.4-85l-40.2-30.2C40.3%20226.2%2032%20209.6%2032%20192V72c0-22.1%2017.9-40%2040-40h304c22.1%200%2040%2017.9%2040%2040v120c0%2017.6-8.3%2034.2-22.4%2044.8L353.4%20267l9.4%2085h-48.3l-10.4-93.3c-.9-8.4%202.7-16.8%209.5-21.9l51.2-38.4c2-1.5%203.2-3.9%203.2-6.4V80h-64v24c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V80h-64v24c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V80zm4.7%20384h278.7l-16.6-32H101.2zm271.9-80c12%200%2022.9%206.7%2028.4%2017.3l26.5%2051.2c3%205.8%204.6%2012.2%204.6%2018.7c0%2022.5-18.2%2040.8-40.8%2040.8H72.8C50.2%20512%2032%20493.8%2032%20471.2c0-6.5%201.6-12.9%204.6-18.7l26.5-51.2c5.4-10.6%2016.4-17.3%2028.4-17.3h265zM208%20288c-8.8%200-16-7.2-16-16v-48c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032v48c0%208.8-7.2%2016-16%2016z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/chess-rook.svg?color=%231a73e8&size=48