spade icon
spade-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- spade-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the spade icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.318 19.328c1.332.286 2.682.03 3.845-.64c1.992-1.146 3.397-3.472 3.335-6.19c-.077-3.4-2.756-6.388-7.287-9.023a17 17 0 0 1-.95-.594c-.385-.254-.78-.518-1.261-.518s-.876.264-1.26.518c-.236.156-.527.348-.95.594c-4.532 2.635-7.21 5.623-7.288 9.023c-.062 2.718 1.343 5.044 3.335 6.19c1.163.67 2.513.926 3.845.64a7 7 0 0 1-.54 1.158A1 1 0 0 0 10 22.001h4a1 1 0 0 0 .857-1.515a7 7 0 0 1-.539-1.158" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSpadeFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M14.318 19.328c1.332.286 2.682.03 3.845-.64c1.992-1.146 3.397-3.472 3.335-6.19c-.077-3.4-2.756-6.388-7.287-9.023a17 17 0 0 1-.95-.594c-.385-.254-.78-.518-1.261-.518s-.876.264-1.26.518c-.236.156-.527.348-.95.594c-4.532 2.635-7.21 5.623-7.288 9.023c-.062 2.718 1.343 5.044 3.335 6.19c1.163.67 2.513.926 3.845.64a7 7 0 0 1-.54 1.158A1 1 0 0 0 10 22.001h4a1 1 0 0 0 .857-1.515a7 7 0 0 1-.539-1.158" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.318 19.328c1.332.286 2.682.03 3.845-.64c1.992-1.146 3.397-3.472 3.335-6.19c-.077-3.4-2.756-6.388-7.287-9.023a17 17 0 0 1-.95-.594c-.385-.254-.78-.518-1.261-.518s-.876.264-1.26.518c-.236.156-.527.348-.95.594c-4.532 2.635-7.21 5.623-7.288 9.023c-.062 2.718 1.343 5.044 3.335 6.19c1.163.67 2.513.926 3.845.64a7 7 0 0 1-.54 1.158A1 1 0 0 0 10 22.001h4a1 1 0 0 0 .857-1.515a7 7 0 0 1-.539-1.158" clip-rule="evenodd"/></svg> </template>
CSS
.icon-spade-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.318%2019.328c1.332.286%202.682.03%203.845-.64c1.992-1.146%203.397-3.472%203.335-6.19c-.077-3.4-2.756-6.388-7.287-9.023a17%2017%200%200%201-.95-.594c-.385-.254-.78-.518-1.261-.518s-.876.264-1.26.518c-.236.156-.527.348-.95.594c-4.532%202.635-7.21%205.623-7.288%209.023c-.062%202.718%201.343%205.044%203.335%206.19c1.163.67%202.513.926%203.845.64a7%207%200%200%201-.54%201.158A1%201%200%200%200%2010%2022.001h4a1%201%200%200%200%20.857-1.515a7%207%200%200%201-.539-1.158%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.318%2019.328c1.332.286%202.682.03%203.845-.64c1.992-1.146%203.397-3.472%203.335-6.19c-.077-3.4-2.756-6.388-7.287-9.023a17%2017%200%200%201-.95-.594c-.385-.254-.78-.518-1.261-.518s-.876.264-1.26.518c-.236.156-.527.348-.95.594c-4.532%202.635-7.21%205.623-7.288%209.023c-.062%202.718%201.343%205.044%203.335%206.19c1.163.67%202.513.926%203.845.64a7%207%200%200%201-.54%201.158A1%201%200%200%200%2010%2022.001h4a1%201%200%200%200%20.857-1.515a7%207%200%200%201-.539-1.158%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/spade-fill.svg?color=%231a73e8&size=48
