cactus icon
cactus-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- cactus-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 9v2a2 2 0 0 0 2 2h2m10-5v5a2 2 0 0 1-2 2h-2m-9 6h12m-3 0V6a3 3 0 1 0-6 0v15z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCactusLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2" d="M5 9v2a2 2 0 0 0 2 2h2m10-5v5a2 2 0 0 1-2 2h-2m-9 6h12m-3 0V6a3 3 0 1 0-6 0v15z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 9v2a2 2 0 0 0 2 2h2m10-5v5a2 2 0 0 1-2 2h-2m-9 6h12m-3 0V6a3 3 0 1 0-6 0v15z"/></svg> </template>
CSS
.icon-cactus-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%209v2a2%202%200%200%200%202%202h2m10-5v5a2%202%200%200%201-2%202h-2m-9%206h12m-3%200V6a3%203%200%201%200-6%200v15z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%209v2a2%202%200%200%200%202%202h2m10-5v5a2%202%200%200%201-2%202h-2m-9%206h12m-3%200V6a3%203%200%201%200-6%200v15z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/cactus-line.svg?color=%231a73e8&size=48
