cactus icon
cactus-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- cactus-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
cactusEmoji One (Colored)cactusFluent EmojicactusFluent Emoji FlatcactusFluent Emoji High ContrastcactusFirefox OS EmojicactusHuge IconscactusIconParkcactusIconPark OutlinecactusIconPark SolidcactusIconPark TwoTonecactusJam IconscactusLucide LabcactusMaterial Design IconscactusNoto EmojicactusOpenMojicactusPhosphorcactus-fillRemix IconcactusTabler IconscactusTwitter Emoji
Related icons in MingCute Icon
Use the cactus 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="M12 2a4 4 0 0 0-4 4v6H7a1 1 0 0 1-1-1V9a1 1 0 0 0-2 0v2a3 3 0 0 0 3 3h1v6H6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2h-2v-4h1a3 3 0 0 0 3-3V8a1 1 0 1 0-2 0v5a1 1 0 0 1-1 1h-1V6a4 4 0 0 0-4-4" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCactusFill(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="M12 2a4 4 0 0 0-4 4v6H7a1 1 0 0 1-1-1V9a1 1 0 0 0-2 0v2a3 3 0 0 0 3 3h1v6H6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2h-2v-4h1a3 3 0 0 0 3-3V8a1 1 0 1 0-2 0v5a1 1 0 0 1-1 1h-1V6a4 4 0 0 0-4-4" 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="M12 2a4 4 0 0 0-4 4v6H7a1 1 0 0 1-1-1V9a1 1 0 0 0-2 0v2a3 3 0 0 0 3 3h1v6H6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2h-2v-4h1a3 3 0 0 0 3-3V8a1 1 0 1 0-2 0v5a1 1 0 0 1-1 1h-1V6a4 4 0 0 0-4-4" clip-rule="evenodd"/></svg> </template>
CSS
.icon-cactus-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%22M12%202a4%204%200%200%200-4%204v6H7a1%201%200%200%201-1-1V9a1%201%200%200%200-2%200v2a3%203%200%200%200%203%203h1v6H6a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2h-2v-4h1a3%203%200%200%200%203-3V8a1%201%200%201%200-2%200v5a1%201%200%200%201-1%201h-1V6a4%204%200%200%200-4-4%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%22M12%202a4%204%200%200%200-4%204v6H7a1%201%200%200%201-1-1V9a1%201%200%200%200-2%200v2a3%203%200%200%200%203%203h1v6H6a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2h-2v-4h1a3%203%200%200%200%203-3V8a1%201%200%201%200-2%200v5a1%201%200%200%201-1%201h-1V6a4%204%200%200%200-4-4%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/cactus-fill.svg?color=%231a73e8&size=48
