spade suit emoji
spade-suit from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- spade-suit
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the spade suit emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4d5357" d="M62 32.9C62 18.5 32 2 32 2S2 18.5 2 32.9c0 8.6 7.2 15.9 15.9 15.9c4.2 0 7.9-1.6 10.7-4.2l-.4 3.3c-.5 3.6-3 6.9-6.6 7.5l-4.6 1V62h30v-5.6l-4.7-.9c-3.6-.6-6.1-3.9-6.6-7.5l-.4-3.3c2.8 2.6 6.5 4.2 10.7 4.2c8.8 0 16-7.4 16-16"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneSpadeSuit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4d5357" d="M62 32.9C62 18.5 32 2 32 2S2 18.5 2 32.9c0 8.6 7.2 15.9 15.9 15.9c4.2 0 7.9-1.6 10.7-4.2l-.4 3.3c-.5 3.6-3 6.9-6.6 7.5l-4.6 1V62h30v-5.6l-4.7-.9c-3.6-.6-6.1-3.9-6.6-7.5l-.4-3.3c2.8 2.6 6.5 4.2 10.7 4.2c8.8 0 16-7.4 16-16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4d5357" d="M62 32.9C62 18.5 32 2 32 2S2 18.5 2 32.9c0 8.6 7.2 15.9 15.9 15.9c4.2 0 7.9-1.6 10.7-4.2l-.4 3.3c-.5 3.6-3 6.9-6.6 7.5l-4.6 1V62h30v-5.6l-4.7-.9c-3.6-.6-6.1-3.9-6.6-7.5l-.4-3.3c2.8 2.6 6.5 4.2 10.7 4.2c8.8 0 16-7.4 16-16"/></svg> </template>
CSS
.icon-spade-suit {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%234d5357%22%20d%3D%22M62%2032.9C62%2018.5%2032%202%2032%202S2%2018.5%202%2032.9c0%208.6%207.2%2015.9%2015.9%2015.9c4.2%200%207.9-1.6%2010.7-4.2l-.4%203.3c-.5%203.6-3%206.9-6.6%207.5l-4.6%201V62h30v-5.6l-4.7-.9c-3.6-.6-6.1-3.9-6.6-7.5l-.4-3.3c2.8%202.6%206.5%204.2%2010.7%204.2c8.8%200%2016-7.4%2016-16%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%2064%2064%22%3E%3Cpath%20fill%3D%22%234d5357%22%20d%3D%22M62%2032.9C62%2018.5%2032%202%2032%202S2%2018.5%202%2032.9c0%208.6%207.2%2015.9%2015.9%2015.9c4.2%200%207.9-1.6%2010.7-4.2l-.4%203.3c-.5%203.6-3%206.9-6.6%207.5l-4.6%201V62h30v-5.6l-4.7-.9c-3.6-.6-6.1-3.9-6.6-7.5l-.4-3.3c2.8%202.6%206.5%204.2%2010.7%204.2c8.8%200%2016-7.4%2016-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/spade-suit.svg?color=%231a73e8&size=48
