spade icon

spade-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: spade-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

spade spade-duotone spade-fill spade-light spade-thin

The same icon in other sets

spadeHuge Icons spadeHumbleicons spadeLucide spadeMaterial Design Icons spade-fillMingCute Icon spadeOpenMoji spadeTabler Icons spadeUnicons

Use the spade icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M133.37 13.27a12 12 0 0 0-10.74 0C118.44 15.36 20 65.4 20 136a60 60 0 0 0 69.51 59.25l-5.28 26.4A12 12 0 0 0 96 236h64a12 12 0 0 0 11.77-14.35l-5.28-26.4A60 60 0 0 0 236 136c0-70.6-98.44-120.64-102.63-122.73M176 172a35.9 35.9 0 0 1-19.09-5.47a12 12 0 0 0-18.14 12.52l6.59 32.95h-34.72l6.59-32.95a12 12 0 0 0-18.14-12.52A36 36 0 0 1 44 136c0-28.29 23.57-53.95 43.34-70.49A274.7 274.7 0 0 1 128 37.63a274 274 0 0 1 40.66 27.88C188.43 82.05 212 107.71 212 136a36 36 0 0 1-36 36"/></svg>

React

import type { SVGProps } from "react";

export function PhSpadeBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M133.37 13.27a12 12 0 0 0-10.74 0C118.44 15.36 20 65.4 20 136a60 60 0 0 0 69.51 59.25l-5.28 26.4A12 12 0 0 0 96 236h64a12 12 0 0 0 11.77-14.35l-5.28-26.4A60 60 0 0 0 236 136c0-70.6-98.44-120.64-102.63-122.73M176 172a35.9 35.9 0 0 1-19.09-5.47a12 12 0 0 0-18.14 12.52l6.59 32.95h-34.72l6.59-32.95a12 12 0 0 0-18.14-12.52A36 36 0 0 1 44 136c0-28.29 23.57-53.95 43.34-70.49A274.7 274.7 0 0 1 128 37.63a274 274 0 0 1 40.66 27.88C188.43 82.05 212 107.71 212 136a36 36 0 0 1-36 36"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M133.37 13.27a12 12 0 0 0-10.74 0C118.44 15.36 20 65.4 20 136a60 60 0 0 0 69.51 59.25l-5.28 26.4A12 12 0 0 0 96 236h64a12 12 0 0 0 11.77-14.35l-5.28-26.4A60 60 0 0 0 236 136c0-70.6-98.44-120.64-102.63-122.73M176 172a35.9 35.9 0 0 1-19.09-5.47a12 12 0 0 0-18.14 12.52l6.59 32.95h-34.72l6.59-32.95a12 12 0 0 0-18.14-12.52A36 36 0 0 1 44 136c0-28.29 23.57-53.95 43.34-70.49A274.7 274.7 0 0 1 128 37.63a274 274 0 0 1 40.66 27.88C188.43 82.05 212 107.71 212 136a36 36 0 0 1-36 36"/></svg>
</template>

CSS

.icon-spade-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M133.37%2013.27a12%2012%200%200%200-10.74%200C118.44%2015.36%2020%2065.4%2020%20136a60%2060%200%200%200%2069.51%2059.25l-5.28%2026.4A12%2012%200%200%200%2096%20236h64a12%2012%200%200%200%2011.77-14.35l-5.28-26.4A60%2060%200%200%200%20236%20136c0-70.6-98.44-120.64-102.63-122.73M176%20172a35.9%2035.9%200%200%201-19.09-5.47a12%2012%200%200%200-18.14%2012.52l6.59%2032.95h-34.72l6.59-32.95a12%2012%200%200%200-18.14-12.52A36%2036%200%200%201%2044%20136c0-28.29%2023.57-53.95%2043.34-70.49A274.7%20274.7%200%200%201%20128%2037.63a274%20274%200%200%201%2040.66%2027.88C188.43%2082.05%20212%20107.71%20212%20136a36%2036%200%200%201-36%2036%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M133.37%2013.27a12%2012%200%200%200-10.74%200C118.44%2015.36%2020%2065.4%2020%20136a60%2060%200%200%200%2069.51%2059.25l-5.28%2026.4A12%2012%200%200%200%2096%20236h64a12%2012%200%200%200%2011.77-14.35l-5.28-26.4A60%2060%200%200%200%20236%20136c0-70.6-98.44-120.64-102.63-122.73M176%20172a35.9%2035.9%200%200%201-19.09-5.47a12%2012%200%200%200-18.14%2012.52l6.59%2032.95h-34.72l6.59-32.95a12%2012%200%200%200-18.14-12.52A36%2036%200%200%201%2044%20136c0-28.29%2023.57-53.95%2043.34-70.49A274.7%20274.7%200%200%201%20128%2037.63a274%20274%200%200%201%2040.66%2027.88C188.43%2082.05%20212%20107.71%20212%20136a36%2036%200%200%201-36%2036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/spade-bold.svg?color=%231a73e8&size=48