josemi/icons

cactus

v0.7.0

Download

Download the icon as SVG image.

Download Icon

Customize icon

Set your custom size or color and download the icon as SVG or PNG image.

Width

Height

Color

Get SVG

Get PNG

Using as SVG

Copy and paste the following SVG code into your HTML file where you want the icon to appear. Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 17L20 17M6 17L6 19C6 21 8 21 8 21L16 21C16 21 18 21 18 19L18 17M7 16L7 10C7 10 7 5 12 5C17 5 17 10 17 10L17 16M10 16L10 12M14 16L14 12M12 5L12 3M6 10L5 10M18 10L19 10M8 6L7 5M16 6L17 5" />
</svg>

Using with React

Install @josemi-icons/react and import the icon component in your React application:

import {CactusIcon} from "@josemi-icons/react";

const MyComponent = () => {
    return (
        <CactusIcon />
    );
};

Using with CSS

Install @josemi-icons/css and include the icon as a CSS class:

<i class="ji-cactus"></i>