rook logo
rook from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- rook
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the rook logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.825 0a.78.78 0 0 0-.774.774v6.12c0 .442.368.774.774.774H5.88a.756.756 0 0 0 .774-.774a.78.78 0 0 0-.774-.774H2.562V1.548h2.544v1.29a.75.75 0 0 0 .221.553a.8.8 0 0 0 .553.222h4.092a.78.78 0 0 0 .775-.775v-1.29h2.543v1.29c0 .443.37.775.775.775h4.092a.75.75 0 0 0 .553-.222a.8.8 0 0 0 .22-.553v-1.29h2.545v4.535H18.12a.78.78 0 0 0-.775.774c0 .442.37.774.775.774h4.092a.8.8 0 0 0 .553-.221a.8.8 0 0 0 .221-.553V.774c0-.405-.369-.737-.664-.774H18.23a.78.78 0 0 0-.774.774v1.29h-2.544V.774A.78.78 0 0 0 14.138 0h-4.092a.78.78 0 0 0-.774.774v1.29h-2.58V.774A.78.78 0 0 0 5.916 0Zm-.037 9.069a.78.78 0 0 0-.774.774v8.811A5.35 5.35 0 0 0 6.359 24H17.64a5.35 5.35 0 0 0 5.346-5.346v-8.81a.78.78 0 0 0-.774-.775zm.774 1.511h18.876v8.074a3.79 3.79 0 0 1-3.797 3.798H6.36a3.79 3.79 0 0 1-3.798-3.798zM12 13.124a3.446 3.446 0 0 0-3.428 3.43v2.653c0 .443.368.774.774.774h5.309a.78.78 0 0 0 .774-.774v-2.654a3.446 3.446 0 0 0-3.43-3.429m-.037 1.475c1.07 0 1.918.848 1.918 1.918v1.916h-3.835v-1.917c0-1.069.848-1.917 1.917-1.917"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsRook(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="M1.825 0a.78.78 0 0 0-.774.774v6.12c0 .442.368.774.774.774H5.88a.756.756 0 0 0 .774-.774a.78.78 0 0 0-.774-.774H2.562V1.548h2.544v1.29a.75.75 0 0 0 .221.553a.8.8 0 0 0 .553.222h4.092a.78.78 0 0 0 .775-.775v-1.29h2.543v1.29c0 .443.37.775.775.775h4.092a.75.75 0 0 0 .553-.222a.8.8 0 0 0 .22-.553v-1.29h2.545v4.535H18.12a.78.78 0 0 0-.775.774c0 .442.37.774.775.774h4.092a.8.8 0 0 0 .553-.221a.8.8 0 0 0 .221-.553V.774c0-.405-.369-.737-.664-.774H18.23a.78.78 0 0 0-.774.774v1.29h-2.544V.774A.78.78 0 0 0 14.138 0h-4.092a.78.78 0 0 0-.774.774v1.29h-2.58V.774A.78.78 0 0 0 5.916 0Zm-.037 9.069a.78.78 0 0 0-.774.774v8.811A5.35 5.35 0 0 0 6.359 24H17.64a5.35 5.35 0 0 0 5.346-5.346v-8.81a.78.78 0 0 0-.774-.775zm.774 1.511h18.876v8.074a3.79 3.79 0 0 1-3.797 3.798H6.36a3.79 3.79 0 0 1-3.798-3.798zM12 13.124a3.446 3.446 0 0 0-3.428 3.43v2.653c0 .443.368.774.774.774h5.309a.78.78 0 0 0 .774-.774v-2.654a3.446 3.446 0 0 0-3.43-3.429m-.037 1.475c1.07 0 1.918.848 1.918 1.918v1.916h-3.835v-1.917c0-1.069.848-1.917 1.917-1.917"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.825 0a.78.78 0 0 0-.774.774v6.12c0 .442.368.774.774.774H5.88a.756.756 0 0 0 .774-.774a.78.78 0 0 0-.774-.774H2.562V1.548h2.544v1.29a.75.75 0 0 0 .221.553a.8.8 0 0 0 .553.222h4.092a.78.78 0 0 0 .775-.775v-1.29h2.543v1.29c0 .443.37.775.775.775h4.092a.75.75 0 0 0 .553-.222a.8.8 0 0 0 .22-.553v-1.29h2.545v4.535H18.12a.78.78 0 0 0-.775.774c0 .442.37.774.775.774h4.092a.8.8 0 0 0 .553-.221a.8.8 0 0 0 .221-.553V.774c0-.405-.369-.737-.664-.774H18.23a.78.78 0 0 0-.774.774v1.29h-2.544V.774A.78.78 0 0 0 14.138 0h-4.092a.78.78 0 0 0-.774.774v1.29h-2.58V.774A.78.78 0 0 0 5.916 0Zm-.037 9.069a.78.78 0 0 0-.774.774v8.811A5.35 5.35 0 0 0 6.359 24H17.64a5.35 5.35 0 0 0 5.346-5.346v-8.81a.78.78 0 0 0-.774-.775zm.774 1.511h18.876v8.074a3.79 3.79 0 0 1-3.797 3.798H6.36a3.79 3.79 0 0 1-3.798-3.798zM12 13.124a3.446 3.446 0 0 0-3.428 3.43v2.653c0 .443.368.774.774.774h5.309a.78.78 0 0 0 .774-.774v-2.654a3.446 3.446 0 0 0-3.43-3.429m-.037 1.475c1.07 0 1.918.848 1.918 1.918v1.916h-3.835v-1.917c0-1.069.848-1.917 1.917-1.917"/></svg> </template>
CSS
.icon-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.825%200a.78.78%200%200%200-.774.774v6.12c0%20.442.368.774.774.774H5.88a.756.756%200%200%200%20.774-.774a.78.78%200%200%200-.774-.774H2.562V1.548h2.544v1.29a.75.75%200%200%200%20.221.553a.8.8%200%200%200%20.553.222h4.092a.78.78%200%200%200%20.775-.775v-1.29h2.543v1.29c0%20.443.37.775.775.775h4.092a.75.75%200%200%200%20.553-.222a.8.8%200%200%200%20.22-.553v-1.29h2.545v4.535H18.12a.78.78%200%200%200-.775.774c0%20.442.37.774.775.774h4.092a.8.8%200%200%200%20.553-.221a.8.8%200%200%200%20.221-.553V.774c0-.405-.369-.737-.664-.774H18.23a.78.78%200%200%200-.774.774v1.29h-2.544V.774A.78.78%200%200%200%2014.138%200h-4.092a.78.78%200%200%200-.774.774v1.29h-2.58V.774A.78.78%200%200%200%205.916%200Zm-.037%209.069a.78.78%200%200%200-.774.774v8.811A5.35%205.35%200%200%200%206.359%2024H17.64a5.35%205.35%200%200%200%205.346-5.346v-8.81a.78.78%200%200%200-.774-.775zm.774%201.511h18.876v8.074a3.79%203.79%200%200%201-3.797%203.798H6.36a3.79%203.79%200%200%201-3.798-3.798zM12%2013.124a3.446%203.446%200%200%200-3.428%203.43v2.653c0%20.443.368.774.774.774h5.309a.78.78%200%200%200%20.774-.774v-2.654a3.446%203.446%200%200%200-3.43-3.429m-.037%201.475c1.07%200%201.918.848%201.918%201.918v1.916h-3.835v-1.917c0-1.069.848-1.917%201.917-1.917%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%22M1.825%200a.78.78%200%200%200-.774.774v6.12c0%20.442.368.774.774.774H5.88a.756.756%200%200%200%20.774-.774a.78.78%200%200%200-.774-.774H2.562V1.548h2.544v1.29a.75.75%200%200%200%20.221.553a.8.8%200%200%200%20.553.222h4.092a.78.78%200%200%200%20.775-.775v-1.29h2.543v1.29c0%20.443.37.775.775.775h4.092a.75.75%200%200%200%20.553-.222a.8.8%200%200%200%20.22-.553v-1.29h2.545v4.535H18.12a.78.78%200%200%200-.775.774c0%20.442.37.774.775.774h4.092a.8.8%200%200%200%20.553-.221a.8.8%200%200%200%20.221-.553V.774c0-.405-.369-.737-.664-.774H18.23a.78.78%200%200%200-.774.774v1.29h-2.544V.774A.78.78%200%200%200%2014.138%200h-4.092a.78.78%200%200%200-.774.774v1.29h-2.58V.774A.78.78%200%200%200%205.916%200Zm-.037%209.069a.78.78%200%200%200-.774.774v8.811A5.35%205.35%200%200%200%206.359%2024H17.64a5.35%205.35%200%200%200%205.346-5.346v-8.81a.78.78%200%200%200-.774-.775zm.774%201.511h18.876v8.074a3.79%203.79%200%200%201-3.797%203.798H6.36a3.79%203.79%200%200%201-3.798-3.798zM12%2013.124a3.446%203.446%200%200%200-3.428%203.43v2.653c0%20.443.368.774.774.774h5.309a.78.78%200%200%200%20.774-.774v-2.654a3.446%203.446%200%200%200-3.43-3.429m-.037%201.475c1.07%200%201.918.848%201.918%201.918v1.916h-3.835v-1.917c0-1.069.848-1.917%201.917-1.917%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/rook.svg?color=%231a73e8&size=48
