chess rook icon

chess-rook from Font Awesome Solid by Dave Gandy · Solid · Chess · CC-BY-4.0 Attribution required.

Name: chess-rook
Set: Font Awesome Solid
Style: Solid
Category: Chess
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

chess-rookFont Awesome 6 Regular chess-rookFont Awesome 6 Solid chess-rookFont Awesome Regular chess-rookHuge Icons chess-rookLine Awesome chess-rookLucide chess-rookMaterial Symbols chess-rookMaterial Symbols Light chess-rookMaterial Design Icons chess-rookTabler Icons

More chess icons from Font Awesome Solid

chess chess-bishop chess-board chess-king chess-knight chess-pawn chess-queen square-full

Use the chess rook icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 96v101.5c0 17 6.7 33.3 18.7 45.3L192 288v160l-56.2 70.3c-5.1 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h312.9c19.6 0 35.5-15.9 35.5-35.5c0-8.1-2.7-15.9-7.8-22.2L447.9 448V288l45.3-45.3c12-12 18.7-28.3 18.7-45.3L512 96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidChessRook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 96v101.5c0 17 6.7 33.3 18.7 45.3L192 288v160l-56.2 70.3c-5.1 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h312.9c19.6 0 35.5-15.9 35.5-35.5c0-8.1-2.7-15.9-7.8-22.2L447.9 448V288l45.3-45.3c12-12 18.7-28.3 18.7-45.3L512 96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 96v101.5c0 17 6.7 33.3 18.7 45.3L192 288v160l-56.2 70.3c-5.1 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h312.9c19.6 0 35.5-15.9 35.5-35.5c0-8.1-2.7-15.9-7.8-22.2L447.9 448V288l45.3-45.3c12-12 18.7-28.3 18.7-45.3L512 96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2096v101.5c0%2017%206.7%2033.3%2018.7%2045.3L192%20288v160l-56.2%2070.3c-5.1%206.3-7.8%2014.1-7.8%2022.2c0%2019.6%2015.9%2035.5%2035.5%2035.5h312.9c19.6%200%2035.5-15.9%2035.5-35.5c0-8.1-2.7-15.9-7.8-22.2L447.9%20448V288l45.3-45.3c12-12%2018.7-28.3%2018.7-45.3L512%2096c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2096v101.5c0%2017%206.7%2033.3%2018.7%2045.3L192%20288v160l-56.2%2070.3c-5.1%206.3-7.8%2014.1-7.8%2022.2c0%2019.6%2015.9%2035.5%2035.5%2035.5h312.9c19.6%200%2035.5-15.9%2035.5-35.5c0-8.1-2.7-15.9-7.8-22.2L447.9%20448V288l45.3-45.3c12-12%2018.7-28.3%2018.7-45.3L512%2096c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032v32h-48V96c0-17.7-14.3-32-32-32h-32c-17.7%200-32%2014.3-32%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/chess-rook.svg?color=%231a73e8&size=48