chess pawn icon

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

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

The same icon in other sets

chess-pawnFont Awesome 6 Regular chess-pawnFont Awesome 6 Solid chess-pawnFont Awesome Regular chess-pawnFluent Emoji chess-pawnFluent Emoji Flat chess-pawnFluent Emoji High Contrast chess-pawnHuge Icons chess-pawnLine Awesome chess-pawnLucide chess-pawnMaterial Symbols chess-pawnMaterial Symbols Light chess-pawnMaterial Design Icons chess-pawnNoto Emoji chess-pawnOpenMoji chess-pawnTwitter Emoji

More chess icons from Font Awesome Solid

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

Use the chess pawn icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c66.3 0 120 53.7 120 120c0 27-8.9 51.9-24 72c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.7L432 448l56.2 70.3c5 6.3 7.8 14.1 7.8 22.2c0 19.6-15.9 35.5-35.5 35.5h-281c-19.6 0-35.5-15.9-35.5-35.5c0-8.1 2.7-15.9 7.8-22.2L208 448l26.7-160H224c-17.7 0-32-14.3-32-32s14.3-32 32-32c-15.1-20.1-24-45-24-72c0-66.3 53.7-120 120-120"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidChessPawn(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="M320 32c66.3 0 120 53.7 120 120c0 27-8.9 51.9-24 72c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.7L432 448l56.2 70.3c5 6.3 7.8 14.1 7.8 22.2c0 19.6-15.9 35.5-35.5 35.5h-281c-19.6 0-35.5-15.9-35.5-35.5c0-8.1 2.7-15.9 7.8-22.2L208 448l26.7-160H224c-17.7 0-32-14.3-32-32s14.3-32 32-32c-15.1-20.1-24-45-24-72c0-66.3 53.7-120 120-120"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c66.3 0 120 53.7 120 120c0 27-8.9 51.9-24 72c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.7L432 448l56.2 70.3c5 6.3 7.8 14.1 7.8 22.2c0 19.6-15.9 35.5-35.5 35.5h-281c-19.6 0-35.5-15.9-35.5-35.5c0-8.1 2.7-15.9 7.8-22.2L208 448l26.7-160H224c-17.7 0-32-14.3-32-32s14.3-32 32-32c-15.1-20.1-24-45-24-72c0-66.3 53.7-120 120-120"/></svg>
</template>

CSS

.icon-chess-pawn {
  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%22M320%2032c66.3%200%20120%2053.7%20120%20120c0%2027-8.9%2051.9-24%2072c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-10.7L432%20448l56.2%2070.3c5%206.3%207.8%2014.1%207.8%2022.2c0%2019.6-15.9%2035.5-35.5%2035.5h-281c-19.6%200-35.5-15.9-35.5-35.5c0-8.1%202.7-15.9%207.8-22.2L208%20448l26.7-160H224c-17.7%200-32-14.3-32-32s14.3-32%2032-32c-15.1-20.1-24-45-24-72c0-66.3%2053.7-120%20120-120%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%22M320%2032c66.3%200%20120%2053.7%20120%20120c0%2027-8.9%2051.9-24%2072c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-10.7L432%20448l56.2%2070.3c5%206.3%207.8%2014.1%207.8%2022.2c0%2019.6-15.9%2035.5-35.5%2035.5h-281c-19.6%200-35.5-15.9-35.5-35.5c0-8.1%202.7-15.9%207.8-22.2L208%20448l26.7-160H224c-17.7%200-32-14.3-32-32s14.3-32%2032-32c-15.1-20.1-24-45-24-72c0-66.3%2053.7-120%20120-120%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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