cactus icon
cactus from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- cactus
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
cactusEmoji One (Colored)cactusFluent EmojicactusFluent Emoji FlatcactusFluent Emoji High ContrastcactusFirefox OS EmojicactusIconParkcactusIconPark OutlinecactusIconPark SolidcactusIconPark TwoTonecactusJam IconscactusLucide LabcactusMaterial Design Iconscactus-fillMingCute IconcactusNoto EmojicactusOpenMojicactusPhosphorcactus-fillRemix IconcactusTabler IconscactusTwitter Emoji
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-linejoin="round" stroke-width="1.5" d="M13.15 15h-2.3c-2.053 0-3.08 0-3.586.597c-.506.596-.224 1.473.34 3.227l.093.291c.444 1.38.666 2.07 1.256 2.473l.027.017C9.578 22 10.385 22 12 22s2.422 0 3.02-.395l.027-.017c.59-.402.812-1.093 1.256-2.473l.094-.29c.563-1.755.845-2.632.339-3.228C16.229 15 15.203 15 13.15 15m-3.246 0L8.557 7.935C8.167 5.886 9.817 4 12 4s3.833 1.886 3.443 3.935L14.096 15M12 15v-3m3.5-6L17 5M8.5 6L7 5m5-1V2m3.5 8l1.5 1m-8.5-1L7 11"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCactus(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" strokeLinejoin="round" strokeWidth="1.5" d="M13.15 15h-2.3c-2.053 0-3.08 0-3.586.597c-.506.596-.224 1.473.34 3.227l.093.291c.444 1.38.666 2.07 1.256 2.473l.027.017C9.578 22 10.385 22 12 22s2.422 0 3.02-.395l.027-.017c.59-.402.812-1.093 1.256-2.473l.094-.29c.563-1.755.845-2.632.339-3.228C16.229 15 15.203 15 13.15 15m-3.246 0L8.557 7.935C8.167 5.886 9.817 4 12 4s3.833 1.886 3.443 3.935L14.096 15M12 15v-3m3.5-6L17 5M8.5 6L7 5m5-1V2m3.5 8l1.5 1m-8.5-1L7 11"/></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-linejoin="round" stroke-width="1.5" d="M13.15 15h-2.3c-2.053 0-3.08 0-3.586.597c-.506.596-.224 1.473.34 3.227l.093.291c.444 1.38.666 2.07 1.256 2.473l.027.017C9.578 22 10.385 22 12 22s2.422 0 3.02-.395l.027-.017c.59-.402.812-1.093 1.256-2.473l.094-.29c.563-1.755.845-2.632.339-3.228C16.229 15 15.203 15 13.15 15m-3.246 0L8.557 7.935C8.167 5.886 9.817 4 12 4s3.833 1.886 3.443 3.935L14.096 15M12 15v-3m3.5-6L17 5M8.5 6L7 5m5-1V2m3.5 8l1.5 1m-8.5-1L7 11"/></svg> </template>
CSS
.icon-cactus {
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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13.15%2015h-2.3c-2.053%200-3.08%200-3.586.597c-.506.596-.224%201.473.34%203.227l.093.291c.444%201.38.666%202.07%201.256%202.473l.027.017C9.578%2022%2010.385%2022%2012%2022s2.422%200%203.02-.395l.027-.017c.59-.402.812-1.093%201.256-2.473l.094-.29c.563-1.755.845-2.632.339-3.228C16.229%2015%2015.203%2015%2013.15%2015m-3.246%200L8.557%207.935C8.167%205.886%209.817%204%2012%204s3.833%201.886%203.443%203.935L14.096%2015M12%2015v-3m3.5-6L17%205M8.5%206L7%205m5-1V2m3.5%208l1.5%201m-8.5-1L7%2011%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13.15%2015h-2.3c-2.053%200-3.08%200-3.586.597c-.506.596-.224%201.473.34%203.227l.093.291c.444%201.38.666%202.07%201.256%202.473l.027.017C9.578%2022%2010.385%2022%2012%2022s2.422%200%203.02-.395l.027-.017c.59-.402.812-1.093%201.256-2.473l.094-.29c.563-1.755.845-2.632.339-3.228C16.229%2015%2015.203%2015%2013.15%2015m-3.246%200L8.557%207.935C8.167%205.886%209.817%204%2012%204s3.833%201.886%203.443%203.935L14.096%2015M12%2015v-3m3.5-6L17%205M8.5%206L7%205m5-1V2m3.5%208l1.5%201m-8.5-1L7%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/cactus.svg?color=%231a73e8&size=48
