chess bishop icon

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

Name: chess-bishop
Set: Font Awesome 6 Regular
Style: Regular
Category: Chess
Viewbox: 320×512
License: CC BY 4.0

The same icon in other sets

chess-bishopFont Awesome 6 Solid chess-bishopFont Awesome Regular chess-bishopFont Awesome Solid 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 6 Regular

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 320 512"><path fill="currentColor" d="M104 0C90.7 0 80 10.7 80 24c0 11.2 7.6 20.6 18 23.2c-7.8 8-16.1 17-24.4 27C38.2 116.7 0 178.8 0 250.9c0 44.8 24.6 72.2 48 87.8V352h48v-27c0-9-5-17.2-13-21.3c-18-9.3-35-24.7-35-52.7c0-55.5 29.8-106.8 62.4-145.9c16-19.2 32.1-34.8 44.2-45.5c1.9-1.7 3.7-3.2 5.3-4.6c1.7 1.4 3.4 3 5.3 4.6c12.1 10.7 28.2 26.3 44.2 45.5c5.3 6.3 10.5 13 15.5 20L159 191c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57.8-57.8c12.8 25.9 21.2 54.3 21.2 83.8c0 28-17 43.4-35 52.7c-8 4.1-13 12.3-13 21.3v27h48v-13.3c23.4-15.6 48-42.9 48-87.8c0-72.1-38.2-134.2-73.6-176.7c-8.3-9.9-16.6-19-24.4-27c10.3-2.7 18-12.1 18-23.2c0-13.3-10.7-24-24-24L160 0zM52.7 464l16.6-32h181.6l16.6 32zm207.9-80h-201c-12 0-22.9 6.7-28.4 17.3L4.6 452.5c-3 5.8-4.6 12.2-4.6 18.7C0 493.8 18.2 512 40.8 512h238.5c22.5 0 40.8-18.2 40.8-40.8c0-6.5-1.6-12.9-4.6-18.7L289 401.3c-5.5-10.6-16.5-17.3-28.4-17.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularChessBishop(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M104 0C90.7 0 80 10.7 80 24c0 11.2 7.6 20.6 18 23.2c-7.8 8-16.1 17-24.4 27C38.2 116.7 0 178.8 0 250.9c0 44.8 24.6 72.2 48 87.8V352h48v-27c0-9-5-17.2-13-21.3c-18-9.3-35-24.7-35-52.7c0-55.5 29.8-106.8 62.4-145.9c16-19.2 32.1-34.8 44.2-45.5c1.9-1.7 3.7-3.2 5.3-4.6c1.7 1.4 3.4 3 5.3 4.6c12.1 10.7 28.2 26.3 44.2 45.5c5.3 6.3 10.5 13 15.5 20L159 191c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57.8-57.8c12.8 25.9 21.2 54.3 21.2 83.8c0 28-17 43.4-35 52.7c-8 4.1-13 12.3-13 21.3v27h48v-13.3c23.4-15.6 48-42.9 48-87.8c0-72.1-38.2-134.2-73.6-176.7c-8.3-9.9-16.6-19-24.4-27c10.3-2.7 18-12.1 18-23.2c0-13.3-10.7-24-24-24L160 0zM52.7 464l16.6-32h181.6l16.6 32zm207.9-80h-201c-12 0-22.9 6.7-28.4 17.3L4.6 452.5c-3 5.8-4.6 12.2-4.6 18.7C0 493.8 18.2 512 40.8 512h238.5c22.5 0 40.8-18.2 40.8-40.8c0-6.5-1.6-12.9-4.6-18.7L289 401.3c-5.5-10.6-16.5-17.3-28.4-17.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M104 0C90.7 0 80 10.7 80 24c0 11.2 7.6 20.6 18 23.2c-7.8 8-16.1 17-24.4 27C38.2 116.7 0 178.8 0 250.9c0 44.8 24.6 72.2 48 87.8V352h48v-27c0-9-5-17.2-13-21.3c-18-9.3-35-24.7-35-52.7c0-55.5 29.8-106.8 62.4-145.9c16-19.2 32.1-34.8 44.2-45.5c1.9-1.7 3.7-3.2 5.3-4.6c1.7 1.4 3.4 3 5.3 4.6c12.1 10.7 28.2 26.3 44.2 45.5c5.3 6.3 10.5 13 15.5 20L159 191c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57.8-57.8c12.8 25.9 21.2 54.3 21.2 83.8c0 28-17 43.4-35 52.7c-8 4.1-13 12.3-13 21.3v27h48v-13.3c23.4-15.6 48-42.9 48-87.8c0-72.1-38.2-134.2-73.6-176.7c-8.3-9.9-16.6-19-24.4-27c10.3-2.7 18-12.1 18-23.2c0-13.3-10.7-24-24-24L160 0zM52.7 464l16.6-32h181.6l16.6 32zm207.9-80h-201c-12 0-22.9 6.7-28.4 17.3L4.6 452.5c-3 5.8-4.6 12.2-4.6 18.7C0 493.8 18.2 512 40.8 512h238.5c22.5 0 40.8-18.2 40.8-40.8c0-6.5-1.6-12.9-4.6-18.7L289 401.3c-5.5-10.6-16.5-17.3-28.4-17.3"/></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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M104%200C90.7%200%2080%2010.7%2080%2024c0%2011.2%207.6%2020.6%2018%2023.2c-7.8%208-16.1%2017-24.4%2027C38.2%20116.7%200%20178.8%200%20250.9c0%2044.8%2024.6%2072.2%2048%2087.8V352h48v-27c0-9-5-17.2-13-21.3c-18-9.3-35-24.7-35-52.7c0-55.5%2029.8-106.8%2062.4-145.9c16-19.2%2032.1-34.8%2044.2-45.5c1.9-1.7%203.7-3.2%205.3-4.6c1.7%201.4%203.4%203%205.3%204.6c12.1%2010.7%2028.2%2026.3%2044.2%2045.5c5.3%206.3%2010.5%2013%2015.5%2020L159%20191c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l57.8-57.8c12.8%2025.9%2021.2%2054.3%2021.2%2083.8c0%2028-17%2043.4-35%2052.7c-8%204.1-13%2012.3-13%2021.3v27h48v-13.3c23.4-15.6%2048-42.9%2048-87.8c0-72.1-38.2-134.2-73.6-176.7c-8.3-9.9-16.6-19-24.4-27c10.3-2.7%2018-12.1%2018-23.2c0-13.3-10.7-24-24-24L160%200zM52.7%20464l16.6-32h181.6l16.6%2032zm207.9-80h-201c-12%200-22.9%206.7-28.4%2017.3L4.6%20452.5c-3%205.8-4.6%2012.2-4.6%2018.7C0%20493.8%2018.2%20512%2040.8%20512h238.5c22.5%200%2040.8-18.2%2040.8-40.8c0-6.5-1.6-12.9-4.6-18.7L289%20401.3c-5.5-10.6-16.5-17.3-28.4-17.3%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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M104%200C90.7%200%2080%2010.7%2080%2024c0%2011.2%207.6%2020.6%2018%2023.2c-7.8%208-16.1%2017-24.4%2027C38.2%20116.7%200%20178.8%200%20250.9c0%2044.8%2024.6%2072.2%2048%2087.8V352h48v-27c0-9-5-17.2-13-21.3c-18-9.3-35-24.7-35-52.7c0-55.5%2029.8-106.8%2062.4-145.9c16-19.2%2032.1-34.8%2044.2-45.5c1.9-1.7%203.7-3.2%205.3-4.6c1.7%201.4%203.4%203%205.3%204.6c12.1%2010.7%2028.2%2026.3%2044.2%2045.5c5.3%206.3%2010.5%2013%2015.5%2020L159%20191c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l57.8-57.8c12.8%2025.9%2021.2%2054.3%2021.2%2083.8c0%2028-17%2043.4-35%2052.7c-8%204.1-13%2012.3-13%2021.3v27h48v-13.3c23.4-15.6%2048-42.9%2048-87.8c0-72.1-38.2-134.2-73.6-176.7c-8.3-9.9-16.6-19-24.4-27c10.3-2.7%2018-12.1%2018-23.2c0-13.3-10.7-24-24-24L160%200zM52.7%20464l16.6-32h181.6l16.6%2032zm207.9-80h-201c-12%200-22.9%206.7-28.4%2017.3L4.6%20452.5c-3%205.8-4.6%2012.2-4.6%2018.7C0%20493.8%2018.2%20512%2040.8%20512h238.5c22.5%200%2040.8-18.2%2040.8-40.8c0-6.5-1.6-12.9-4.6-18.7L289%20401.3c-5.5-10.6-16.5-17.3-28.4-17.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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