suit spade icon
suit-spade from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- suit-spade
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
Related icons in Bootstrap Icons
Use the suit spade icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a.5.5 0 0 1 .429.243c1.359 2.265 2.925 3.682 4.25 4.882q.144.128.282.255C14.308 6.604 15.5 7.747 15.5 9.5a4 4 0 0 1-5.406 3.746c.235.39.491.782.722 1.131c.434.659-.01 1.623-.856 1.623H6.04c-.845 0-1.29-.964-.856-1.623c.263-.397.51-.777.728-1.134A4 4 0 0 1 .5 9.5c0-1.753 1.192-2.896 2.539-4.12l.281-.255c1.326-1.2 2.892-2.617 4.251-4.882A.5.5 0 0 1 8 0M3.711 6.12C2.308 7.396 1.5 8.253 1.5 9.5a3 3 0 0 0 5.275 1.956a.5.5 0 0 1 .868.43c-.094.438-.33.932-.611 1.428a29 29 0 0 1-1.013 1.614a.03.03 0 0 0-.005.018a.07.07 0 0 0 .024.054h3.924a.07.07 0 0 0 .024-.054a.03.03 0 0 0-.005-.018c-.3-.455-.658-1.005-.96-1.535c-.294-.514-.57-1.064-.664-1.507a.5.5 0 0 1 .868-.43A3 3 0 0 0 14.5 9.5c0-1.247-.808-2.104-2.211-3.38L12 5.86c-1.196-1.084-2.668-2.416-4-4.424c-1.332 2.008-2.804 3.34-4 4.422l-.289.261z"/></svg>
React
import type { SVGProps } from "react";
export function BiSuitSpade(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a.5.5 0 0 1 .429.243c1.359 2.265 2.925 3.682 4.25 4.882q.144.128.282.255C14.308 6.604 15.5 7.747 15.5 9.5a4 4 0 0 1-5.406 3.746c.235.39.491.782.722 1.131c.434.659-.01 1.623-.856 1.623H6.04c-.845 0-1.29-.964-.856-1.623c.263-.397.51-.777.728-1.134A4 4 0 0 1 .5 9.5c0-1.753 1.192-2.896 2.539-4.12l.281-.255c1.326-1.2 2.892-2.617 4.251-4.882A.5.5 0 0 1 8 0M3.711 6.12C2.308 7.396 1.5 8.253 1.5 9.5a3 3 0 0 0 5.275 1.956a.5.5 0 0 1 .868.43c-.094.438-.33.932-.611 1.428a29 29 0 0 1-1.013 1.614a.03.03 0 0 0-.005.018a.07.07 0 0 0 .024.054h3.924a.07.07 0 0 0 .024-.054a.03.03 0 0 0-.005-.018c-.3-.455-.658-1.005-.96-1.535c-.294-.514-.57-1.064-.664-1.507a.5.5 0 0 1 .868-.43A3 3 0 0 0 14.5 9.5c0-1.247-.808-2.104-2.211-3.38L12 5.86c-1.196-1.084-2.668-2.416-4-4.424c-1.332 2.008-2.804 3.34-4 4.422l-.289.261z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a.5.5 0 0 1 .429.243c1.359 2.265 2.925 3.682 4.25 4.882q.144.128.282.255C14.308 6.604 15.5 7.747 15.5 9.5a4 4 0 0 1-5.406 3.746c.235.39.491.782.722 1.131c.434.659-.01 1.623-.856 1.623H6.04c-.845 0-1.29-.964-.856-1.623c.263-.397.51-.777.728-1.134A4 4 0 0 1 .5 9.5c0-1.753 1.192-2.896 2.539-4.12l.281-.255c1.326-1.2 2.892-2.617 4.251-4.882A.5.5 0 0 1 8 0M3.711 6.12C2.308 7.396 1.5 8.253 1.5 9.5a3 3 0 0 0 5.275 1.956a.5.5 0 0 1 .868.43c-.094.438-.33.932-.611 1.428a29 29 0 0 1-1.013 1.614a.03.03 0 0 0-.005.018a.07.07 0 0 0 .024.054h3.924a.07.07 0 0 0 .024-.054a.03.03 0 0 0-.005-.018c-.3-.455-.658-1.005-.96-1.535c-.294-.514-.57-1.064-.664-1.507a.5.5 0 0 1 .868-.43A3 3 0 0 0 14.5 9.5c0-1.247-.808-2.104-2.211-3.38L12 5.86c-1.196-1.084-2.668-2.416-4-4.424c-1.332 2.008-2.804 3.34-4 4.422l-.289.261z"/></svg> </template>
CSS
.icon-suit-spade {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%200a.5.5%200%200%201%20.429.243c1.359%202.265%202.925%203.682%204.25%204.882q.144.128.282.255C14.308%206.604%2015.5%207.747%2015.5%209.5a4%204%200%200%201-5.406%203.746c.235.39.491.782.722%201.131c.434.659-.01%201.623-.856%201.623H6.04c-.845%200-1.29-.964-.856-1.623c.263-.397.51-.777.728-1.134A4%204%200%200%201%20.5%209.5c0-1.753%201.192-2.896%202.539-4.12l.281-.255c1.326-1.2%202.892-2.617%204.251-4.882A.5.5%200%200%201%208%200M3.711%206.12C2.308%207.396%201.5%208.253%201.5%209.5a3%203%200%200%200%205.275%201.956a.5.5%200%200%201%20.868.43c-.094.438-.33.932-.611%201.428a29%2029%200%200%201-1.013%201.614a.03.03%200%200%200-.005.018a.07.07%200%200%200%20.024.054h3.924a.07.07%200%200%200%20.024-.054a.03.03%200%200%200-.005-.018c-.3-.455-.658-1.005-.96-1.535c-.294-.514-.57-1.064-.664-1.507a.5.5%200%200%201%20.868-.43A3%203%200%200%200%2014.5%209.5c0-1.247-.808-2.104-2.211-3.38L12%205.86c-1.196-1.084-2.668-2.416-4-4.424c-1.332%202.008-2.804%203.34-4%204.422l-.289.261z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%200a.5.5%200%200%201%20.429.243c1.359%202.265%202.925%203.682%204.25%204.882q.144.128.282.255C14.308%206.604%2015.5%207.747%2015.5%209.5a4%204%200%200%201-5.406%203.746c.235.39.491.782.722%201.131c.434.659-.01%201.623-.856%201.623H6.04c-.845%200-1.29-.964-.856-1.623c.263-.397.51-.777.728-1.134A4%204%200%200%201%20.5%209.5c0-1.753%201.192-2.896%202.539-4.12l.281-.255c1.326-1.2%202.892-2.617%204.251-4.882A.5.5%200%200%201%208%200M3.711%206.12C2.308%207.396%201.5%208.253%201.5%209.5a3%203%200%200%200%205.275%201.956a.5.5%200%200%201%20.868.43c-.094.438-.33.932-.611%201.428a29%2029%200%200%201-1.013%201.614a.03.03%200%200%200-.005.018a.07.07%200%200%200%20.024.054h3.924a.07.07%200%200%200%20.024-.054a.03.03%200%200%200-.005-.018c-.3-.455-.658-1.005-.96-1.535c-.294-.514-.57-1.064-.664-1.507a.5.5%200%200%201%20.868-.43A3%203%200%200%200%2014.5%209.5c0-1.247-.808-2.104-2.211-3.38L12%205.86c-1.196-1.084-2.668-2.416-4-4.424c-1.332%202.008-2.804%203.34-4%204.422l-.289.261z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/suit-spade.svg?color=%231a73e8&size=48
