spade icon

spade-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: spade-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

spade spade-bold spade-duotone spade-fill 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="M179.84 51.39a284 284 0 0 0-49.16-32.76a6 6 0 0 0-5.36 0a284 284 0 0 0-49.16 32.76C42.88 79.13 26 107.59 26 136a54 54 0 0 0 75.24 49.65l-11 36.63A6 6 0 0 0 96 230h64a6 6 0 0 0 5.75-7.72l-11-36.63A54 54 0 0 0 230 136c0-28.41-16.88-56.87-50.16-84.61M176 178a42 42 0 0 1-27.6-10.34a6 6 0 0 0-9.69 6.24l13.23 44.1h-47.88l13.23-44.1a6 6 0 0 0-9.69-6.24A42 42 0 0 1 38 136c0-53.73 74.77-97 90-105.22C143.24 39 218 82.2 218 136a42 42 0 0 1-42 42"/></svg>

React

import type { SVGProps } from "react";

export function PhSpadeLight(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="M179.84 51.39a284 284 0 0 0-49.16-32.76a6 6 0 0 0-5.36 0a284 284 0 0 0-49.16 32.76C42.88 79.13 26 107.59 26 136a54 54 0 0 0 75.24 49.65l-11 36.63A6 6 0 0 0 96 230h64a6 6 0 0 0 5.75-7.72l-11-36.63A54 54 0 0 0 230 136c0-28.41-16.88-56.87-50.16-84.61M176 178a42 42 0 0 1-27.6-10.34a6 6 0 0 0-9.69 6.24l13.23 44.1h-47.88l13.23-44.1a6 6 0 0 0-9.69-6.24A42 42 0 0 1 38 136c0-53.73 74.77-97 90-105.22C143.24 39 218 82.2 218 136a42 42 0 0 1-42 42"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M179.84 51.39a284 284 0 0 0-49.16-32.76a6 6 0 0 0-5.36 0a284 284 0 0 0-49.16 32.76C42.88 79.13 26 107.59 26 136a54 54 0 0 0 75.24 49.65l-11 36.63A6 6 0 0 0 96 230h64a6 6 0 0 0 5.75-7.72l-11-36.63A54 54 0 0 0 230 136c0-28.41-16.88-56.87-50.16-84.61M176 178a42 42 0 0 1-27.6-10.34a6 6 0 0 0-9.69 6.24l13.23 44.1h-47.88l13.23-44.1a6 6 0 0 0-9.69-6.24A42 42 0 0 1 38 136c0-53.73 74.77-97 90-105.22C143.24 39 218 82.2 218 136a42 42 0 0 1-42 42"/></svg>
</template>

CSS

.icon-spade-light {
  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%22M179.84%2051.39a284%20284%200%200%200-49.16-32.76a6%206%200%200%200-5.36%200a284%20284%200%200%200-49.16%2032.76C42.88%2079.13%2026%20107.59%2026%20136a54%2054%200%200%200%2075.24%2049.65l-11%2036.63A6%206%200%200%200%2096%20230h64a6%206%200%200%200%205.75-7.72l-11-36.63A54%2054%200%200%200%20230%20136c0-28.41-16.88-56.87-50.16-84.61M176%20178a42%2042%200%200%201-27.6-10.34a6%206%200%200%200-9.69%206.24l13.23%2044.1h-47.88l13.23-44.1a6%206%200%200%200-9.69-6.24A42%2042%200%200%201%2038%20136c0-53.73%2074.77-97%2090-105.22C143.24%2039%20218%2082.2%20218%20136a42%2042%200%200%201-42%2042%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%22M179.84%2051.39a284%20284%200%200%200-49.16-32.76a6%206%200%200%200-5.36%200a284%20284%200%200%200-49.16%2032.76C42.88%2079.13%2026%20107.59%2026%20136a54%2054%200%200%200%2075.24%2049.65l-11%2036.63A6%206%200%200%200%2096%20230h64a6%206%200%200%200%205.75-7.72l-11-36.63A54%2054%200%200%200%20230%20136c0-28.41-16.88-56.87-50.16-84.61M176%20178a42%2042%200%200%201-27.6-10.34a6%206%200%200%200-9.69%206.24l13.23%2044.1h-47.88l13.23-44.1a6%206%200%200%200-9.69-6.24A42%2042%200%200%201%2038%20136c0-53.73%2074.77-97%2090-105.22C143.24%2039%20218%2082.2%20218%20136a42%2042%200%200%201-42%2042%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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