chess pawn icon

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

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

The same icon in other sets

chess-pawnFont Awesome 6 Regularchess-pawnFont Awesome Regularchess-pawnFont Awesome Solidchess-pawnFluent Emojichess-pawnFluent Emoji Flatchess-pawnFluent Emoji High Contrastchess-pawnHuge Iconschess-pawnLine Awesomechess-pawnLucidechess-pawnMaterial Symbolschess-pawnMaterial Symbols Lightchess-pawnMaterial Design Iconschess-pawnNoto Emojichess-pawnOpenMojichess-pawnTwitter Emoji

More chess icons from Font Awesome 6 Solid

chesschess-bishopchess-boardchess-kingchess-knightchess-queenchess-rooksquare-full

Use the chess pawn icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M215.5 224c29.2-18.4 48.5-50.9 48.5-88c0-57.4-46.6-104-104-104S56 78.6 56 136c0 37.1 19.4 69.6 48.5 88H96c-17.7 0-32 14.3-32 32c0 16.5 12.5 30 28.5 31.8L80 400h160l-12.5-112.2c16-1.8 28.5-15.3 28.5-31.8c0-17.7-14.3-32-32-32zM22.6 473.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6h242.7c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L256 432H64z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidChessPawn(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="M215.5 224c29.2-18.4 48.5-50.9 48.5-88c0-57.4-46.6-104-104-104S56 78.6 56 136c0 37.1 19.4 69.6 48.5 88H96c-17.7 0-32 14.3-32 32c0 16.5 12.5 30 28.5 31.8L80 400h160l-12.5-112.2c16-1.8 28.5-15.3 28.5-31.8c0-17.7-14.3-32-32-32zM22.6 473.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6h242.7c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L256 432H64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M215.5 224c29.2-18.4 48.5-50.9 48.5-88c0-57.4-46.6-104-104-104S56 78.6 56 136c0 37.1 19.4 69.6 48.5 88H96c-17.7 0-32 14.3-32 32c0 16.5 12.5 30 28.5 31.8L80 400h160l-12.5-112.2c16-1.8 28.5-15.3 28.5-31.8c0-17.7-14.3-32-32-32zM22.6 473.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6h242.7c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L256 432H64z"/></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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M215.5%20224c29.2-18.4%2048.5-50.9%2048.5-88c0-57.4-46.6-104-104-104S56%2078.6%2056%20136c0%2037.1%2019.4%2069.6%2048.5%2088H96c-17.7%200-32%2014.3-32%2032c0%2016.5%2012.5%2030%2028.5%2031.8L80%20400h160l-12.5-112.2c16-1.8%2028.5-15.3%2028.5-31.8c0-17.7-14.3-32-32-32zM22.6%20473.4c-4.2%204.2-6.6%2010-6.6%2016c0%2012.5%2010.1%2022.6%2022.6%2022.6h242.7c12.5%200%2022.6-10.1%2022.6-22.6c0-6-2.4-11.8-6.6-16L256%20432H64z%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%22M215.5%20224c29.2-18.4%2048.5-50.9%2048.5-88c0-57.4-46.6-104-104-104S56%2078.6%2056%20136c0%2037.1%2019.4%2069.6%2048.5%2088H96c-17.7%200-32%2014.3-32%2032c0%2016.5%2012.5%2030%2028.5%2031.8L80%20400h160l-12.5-112.2c16-1.8%2028.5-15.3%2028.5-31.8c0-17.7-14.3-32-32-32zM22.6%20473.4c-4.2%204.2-6.6%2010-6.6%2016c0%2012.5%2010.1%2022.6%2022.6%2022.6h242.7c12.5%200%2022.6-10.1%2022.6-22.6c0-6-2.4-11.8-6.6-16L256%20432H64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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