chess bishop icon

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

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

The same icon in other sets

chess-bishopFont Awesome 6 Regular chess-bishopFont Awesome 6 Solid chess-bishopFont Awesome Regular chess-bishopHuge Icons chess-bishopLine Awesome chess-bishopLucide chess-bishopMaterial Symbols chess-bishopMaterial Symbols Light chess-bishopMaterial Design Icons chess-bishopTabler Icons

More chess icons from Font Awesome Solid

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

Use the chess bishop icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m224 448l-15.7-15.7c-30.9-30.9-48.3-72.9-48.3-116.6c0-38.6 13.5-75.9 38.2-105.6l68.5-82.1H256c-17.7 0-32-14.3-32-32s14.3-32 32-32h128c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.7l47.6 57.1L335 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l82.3-82.3c18.7 27.3 28.7 59.7 28.7 93c0 43.7-17.4 85.7-48.3 116.6L416 448l56.2 70.3c5 6.3 7.8 14.1 7.8 22.2c0 19.6-15.9 35.5-35.5 35.5h-249c-19.6 0-35.5-15.9-35.5-35.5c0-8.1 2.7-15.9 7.8-22.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidChessBishop(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="m224 448l-15.7-15.7c-30.9-30.9-48.3-72.9-48.3-116.6c0-38.6 13.5-75.9 38.2-105.6l68.5-82.1H256c-17.7 0-32-14.3-32-32s14.3-32 32-32h128c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.7l47.6 57.1L335 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l82.3-82.3c18.7 27.3 28.7 59.7 28.7 93c0 43.7-17.4 85.7-48.3 116.6L416 448l56.2 70.3c5 6.3 7.8 14.1 7.8 22.2c0 19.6-15.9 35.5-35.5 35.5h-249c-19.6 0-35.5-15.9-35.5-35.5c0-8.1 2.7-15.9 7.8-22.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m224 448l-15.7-15.7c-30.9-30.9-48.3-72.9-48.3-116.6c0-38.6 13.5-75.9 38.2-105.6l68.5-82.1H256c-17.7 0-32-14.3-32-32s14.3-32 32-32h128c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.7l47.6 57.1L335 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l82.3-82.3c18.7 27.3 28.7 59.7 28.7 93c0 43.7-17.4 85.7-48.3 116.6L416 448l56.2 70.3c5 6.3 7.8 14.1 7.8 22.2c0 19.6-15.9 35.5-35.5 35.5h-249c-19.6 0-35.5-15.9-35.5-35.5c0-8.1 2.7-15.9 7.8-22.2z"/></svg>
</template>

CSS

.icon-chess-bishop {
  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%22m224%20448l-15.7-15.7c-30.9-30.9-48.3-72.9-48.3-116.6c0-38.6%2013.5-75.9%2038.2-105.6l68.5-82.1H256c-17.7%200-32-14.3-32-32s14.3-32%2032-32h128c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-10.7l47.6%2057.1L335%20271c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l82.3-82.3c18.7%2027.3%2028.7%2059.7%2028.7%2093c0%2043.7-17.4%2085.7-48.3%20116.6L416%20448l56.2%2070.3c5%206.3%207.8%2014.1%207.8%2022.2c0%2019.6-15.9%2035.5-35.5%2035.5h-249c-19.6%200-35.5-15.9-35.5-35.5c0-8.1%202.7-15.9%207.8-22.2z%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%22m224%20448l-15.7-15.7c-30.9-30.9-48.3-72.9-48.3-116.6c0-38.6%2013.5-75.9%2038.2-105.6l68.5-82.1H256c-17.7%200-32-14.3-32-32s14.3-32%2032-32h128c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-10.7l47.6%2057.1L335%20271c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l82.3-82.3c18.7%2027.3%2028.7%2059.7%2028.7%2093c0%2043.7-17.4%2085.7-48.3%20116.6L416%20448l56.2%2070.3c5%206.3%207.8%2014.1%207.8%2022.2c0%2019.6-15.9%2035.5-35.5%2035.5h-249c-19.6%200-35.5-15.9-35.5-35.5c0-8.1%202.7-15.9%207.8-22.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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