chess king icon

chess-king from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: chess-king
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

chess-king-outline chess-king-outline-rounded chess-king-outline-sharp chess-king-rounded chess-king-sharp

The same icon in other sets

chess-kingFont Awesome 6 Regular chess-kingFont Awesome 6 Solid chess-kingFont Awesome Regular chess-kingFont Awesome Solid chess-kingHuge Icons chess-kingLine Awesome chess-kingLucide chess-kingMaterial Symbols chess-kingMaterial Design Icons chess-kingTabler Icons

More social icons from Material Symbols Light

Use the chess king icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.692 10.596q-.58-.511-.934-1.242t-.354-1.565q0-1.587 1.091-2.688Q7.587 4 9.173 4q.64 0 1.237.228q.596.228 1.09.632V2h1v2.84q.494-.378 1.09-.61q.597-.23 1.218-.23q1.586 0 2.687 1.101t1.101 2.688q0 .853-.354 1.575q-.354.72-.934 1.232zM4 21v-3.154q0-.69.463-1.153t1.153-.462H6.98l.385-3.02H4v-1h16v1h-3.384l.384 3.02h1.385q.69 0 1.152.462T20 17.846V21z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightChessKing(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="M6.692 10.596q-.58-.511-.934-1.242t-.354-1.565q0-1.587 1.091-2.688Q7.587 4 9.173 4q.64 0 1.237.228q.596.228 1.09.632V2h1v2.84q.494-.378 1.09-.61q.597-.23 1.218-.23q1.586 0 2.687 1.101t1.101 2.688q0 .853-.354 1.575q-.354.72-.934 1.232zM4 21v-3.154q0-.69.463-1.153t1.153-.462H6.98l.385-3.02H4v-1h16v1h-3.384l.384 3.02h1.385q.69 0 1.152.462T20 17.846V21z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.692 10.596q-.58-.511-.934-1.242t-.354-1.565q0-1.587 1.091-2.688Q7.587 4 9.173 4q.64 0 1.237.228q.596.228 1.09.632V2h1v2.84q.494-.378 1.09-.61q.597-.23 1.218-.23q1.586 0 2.687 1.101t1.101 2.688q0 .853-.354 1.575q-.354.72-.934 1.232zM4 21v-3.154q0-.69.463-1.153t1.153-.462H6.98l.385-3.02H4v-1h16v1h-3.384l.384 3.02h1.385q.69 0 1.152.462T20 17.846V21z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.692%2010.596q-.58-.511-.934-1.242t-.354-1.565q0-1.587%201.091-2.688Q7.587%204%209.173%204q.64%200%201.237.228q.596.228%201.09.632V2h1v2.84q.494-.378%201.09-.61q.597-.23%201.218-.23q1.586%200%202.687%201.101t1.101%202.688q0%20.853-.354%201.575q-.354.72-.934%201.232zM4%2021v-3.154q0-.69.463-1.153t1.153-.462H6.98l.385-3.02H4v-1h16v1h-3.384l.384%203.02h1.385q.69%200%201.152.462T20%2017.846V21z%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%22M6.692%2010.596q-.58-.511-.934-1.242t-.354-1.565q0-1.587%201.091-2.688Q7.587%204%209.173%204q.64%200%201.237.228q.596.228%201.09.632V2h1v2.84q.494-.378%201.09-.61q.597-.23%201.218-.23q1.586%200%202.687%201.101t1.101%202.688q0%20.853-.354%201.575q-.354.72-.934%201.232zM4%2021v-3.154q0-.69.463-1.153t1.153-.462H6.98l.385-3.02H4v-1h16v1h-3.384l.384%203.02h1.385q.69%200%201.152.462T20%2017.846V21z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/chess-king.svg?color=%231a73e8&size=48