cactus icon

Cactus: cactus, succulent, desert, arid. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.5 11C3.182 11 2.875 10.941 2.58 10.824C2.259 10.697 1.976 10.512 1.732 10.268C1.488 10.024 1.303 9.741 1.176 9.42C1.059 9.125 1 8.818 1 8.5L1 6.5C1 6.309 1.035 6.125 1.105 5.948C1.182 5.755 1.293 5.586 1.439 5.439C1.586 5.293 1.755 5.182 1.948 5.105C2.125 5.035 2.309 5 2.5 5C2.691 5 2.875 5.035 3.052 5.105C3.245 5.182 3.414 5.293 3.561 5.439C3.707 5.586 3.818 5.755 3.895 5.948C3.965 6.125 4 6.309 4 6.5L4 8L5 8L5 3.5C5 3.182 5.059 2.875 5.176 2.58C5.303 2.259 5.488 1.976 5.732 1.732C5.976 1.488 6.259 1.303 6.58 1.176C6.875 1.059 7.182 1 7.5 1C7.818 1 8.125 1.059 8.42 1.176C8.741 1.303 9.024 1.488 9.268 1.732C9.512 1.976 9.697 2.259 9.824 2.58C9.941 2.875 10 3.182 10 3.5L10 6L11 6L11 4.5C11 4.309 11.035 4.125 11.105 3.948C11.182 3.755 11.293 3.586 11.439 3.439C11.586 3.293 11.755 3.182 11.948 3.105C12.125 3.035 12.309 3 12.5 3C12.691 3 12.875 3.035 13.052 3.105C13.245 3.182 13.414 3.293 13.561 3.439C13.707 3.586 13.818 3.755 13.895 3.948C13.965 4.125 14 4.309 14 4.5L14 6.5C14 6.818 13.941 7.125 13.824 7.42C13.697 7.741 13.512 8.024 13.268 8.268C13.024 8.512 12.741 8.697 12.42 8.824C12.125 8.941 11.818 9 11.5 9L10 9L10 14L12.5 14C12.641 14 12.759 14.048 12.856 14.144C12.952 14.241 13 14.359 13 14.5C13 14.641 12.952 14.759 12.856 14.856C12.759 14.952 12.641 15 12.5 15L2.5 15C2.359 15 2.241 14.952 2.144 14.856C2.048 14.759 2 14.641 2 14.5C2 14.359 2.048 14.241 2.144 14.144C2.241 14.048 2.359 14 2.5 14L5 14L5 11L3.5 11ZM9 9C9 8.724 9.098 8.488 9.293 8.293C9.488 8.098 9.724 8 10 8L11.5 8C11.691 8 11.875 7.965 12.052 7.895C12.245 7.818 12.414 7.707 12.561 7.561C12.707 7.414 12.818 7.245 12.895 7.052C12.965 6.875 13 6.691 13 6.5L13 4.5C13 4.362 12.951 4.244 12.854 4.146C12.756 4.049 12.638 4 12.5 4C12.362 4 12.244 4.049 12.146 4.146C12.049 4.244 12 4.362 12 4.5L12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7L10 7C9.724 7 9.488 6.902 9.293 6.707C9.098 6.512 9 6.276 9 6L9 3.5C9 3.309 8.965 3.125 8.895 2.948C8.818 2.755 8.707 2.586 8.561 2.439C8.414 2.293 8.245 2.182 8.052 2.105C7.875 2.035 7.691 2 7.5 2C7.309 2 7.125 2.035 6.948 2.105C6.755 2.182 6.586 2.293 6.439 2.439C6.293 2.586 6.182 2.755 6.105 2.948C6.035 3.125 6 3.309 6 3.5L6 8C6 8.276 5.902 8.512 5.707 8.707C5.512 8.902 5.276 9 5 9L4 9C3.724 9 3.488 8.902 3.293 8.707C3.098 8.512 3 8.276 3 8L3 6.5C3 6.362 2.951 6.244 2.854 6.146C2.756 6.049 2.638 6 2.5 6C2.362 6 2.244 6.049 2.146 6.146C2.049 6.244 2 6.362 2 6.5L2 8.5C2 8.691 2.035 8.875 2.105 9.052C2.182 9.245 2.293 9.414 2.439 9.561C2.586 9.707 2.755 9.818 2.948 9.895C3.125 9.965 3.309 10 3.5 10L5 10C5.276 10 5.512 10.098 5.707 10.293C5.902 10.488 6 10.724 6 11L6 14L9 14L9 9Z"/></svg>

React

// Gentleface "cactus" (line-round), MIT. https://gentleface.com/icons/cactus
import type { SVGProps } from 'react';

export function CactusIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M3.5 11C3.182 11 2.875 10.941 2.58 10.824C2.259 10.697 1.976 10.512 1.732 10.268C1.488 10.024 1.303 9.741 1.176 9.42C1.059 9.125 1 8.818 1 8.5L1 6.5C1 6.309 1.035 6.125 1.105 5.948C1.182 5.755 1.293 5.586 1.439 5.439C1.586 5.293 1.755 5.182 1.948 5.105C2.125 5.035 2.309 5 2.5 5C2.691 5 2.875 5.035 3.052 5.105C3.245 5.182 3.414 5.293 3.561 5.439C3.707 5.586 3.818 5.755 3.895 5.948C3.965 6.125 4 6.309 4 6.5L4 8L5 8L5 3.5C5 3.182 5.059 2.875 5.176 2.58C5.303 2.259 5.488 1.976 5.732 1.732C5.976 1.488 6.259 1.303 6.58 1.176C6.875 1.059 7.182 1 7.5 1C7.818 1 8.125 1.059 8.42 1.176C8.741 1.303 9.024 1.488 9.268 1.732C9.512 1.976 9.697 2.259 9.824 2.58C9.941 2.875 10 3.182 10 3.5L10 6L11 6L11 4.5C11 4.309 11.035 4.125 11.105 3.948C11.182 3.755 11.293 3.586 11.439 3.439C11.586 3.293 11.755 3.182 11.948 3.105C12.125 3.035 12.309 3 12.5 3C12.691 3 12.875 3.035 13.052 3.105C13.245 3.182 13.414 3.293 13.561 3.439C13.707 3.586 13.818 3.755 13.895 3.948C13.965 4.125 14 4.309 14 4.5L14 6.5C14 6.818 13.941 7.125 13.824 7.42C13.697 7.741 13.512 8.024 13.268 8.268C13.024 8.512 12.741 8.697 12.42 8.824C12.125 8.941 11.818 9 11.5 9L10 9L10 14L12.5 14C12.641 14 12.759 14.048 12.856 14.144C12.952 14.241 13 14.359 13 14.5C13 14.641 12.952 14.759 12.856 14.856C12.759 14.952 12.641 15 12.5 15L2.5 15C2.359 15 2.241 14.952 2.144 14.856C2.048 14.759 2 14.641 2 14.5C2 14.359 2.048 14.241 2.144 14.144C2.241 14.048 2.359 14 2.5 14L5 14L5 11L3.5 11ZM9 9C9 8.724 9.098 8.488 9.293 8.293C9.488 8.098 9.724 8 10 8L11.5 8C11.691 8 11.875 7.965 12.052 7.895C12.245 7.818 12.414 7.707 12.561 7.561C12.707 7.414 12.818 7.245 12.895 7.052C12.965 6.875 13 6.691 13 6.5L13 4.5C13 4.362 12.951 4.244 12.854 4.146C12.756 4.049 12.638 4 12.5 4C12.362 4 12.244 4.049 12.146 4.146C12.049 4.244 12 4.362 12 4.5L12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7L10 7C9.724 7 9.488 6.902 9.293 6.707C9.098 6.512 9 6.276 9 6L9 3.5C9 3.309 8.965 3.125 8.895 2.948C8.818 2.755 8.707 2.586 8.561 2.439C8.414 2.293 8.245 2.182 8.052 2.105C7.875 2.035 7.691 2 7.5 2C7.309 2 7.125 2.035 6.948 2.105C6.755 2.182 6.586 2.293 6.439 2.439C6.293 2.586 6.182 2.755 6.105 2.948C6.035 3.125 6 3.309 6 3.5L6 8C6 8.276 5.902 8.512 5.707 8.707C5.512 8.902 5.276 9 5 9L4 9C3.724 9 3.488 8.902 3.293 8.707C3.098 8.512 3 8.276 3 8L3 6.5C3 6.362 2.951 6.244 2.854 6.146C2.756 6.049 2.638 6 2.5 6C2.362 6 2.244 6.049 2.146 6.146C2.049 6.244 2 6.362 2 6.5L2 8.5C2 8.691 2.035 8.875 2.105 9.052C2.182 9.245 2.293 9.414 2.439 9.561C2.586 9.707 2.755 9.818 2.948 9.895C3.125 9.965 3.309 10 3.5 10L5 10C5.276 10 5.512 10.098 5.707 10.293C5.902 10.488 6 10.724 6 11L6 14L9 14L9 9Z" />
    </svg>
  );
}

Vue

Vue: see /icons/cactus.md

Svelte

Svelte: see /icons/cactus.md

HTML img

HTML img: see /icons/cactus.md

CSS

CSS: see /icons/cactus.md

Data URL

Data URL: see /icons/cactus.md

Sprite

Sprite: see /icons/cactus.md

SwiftUI

SwiftUI: see /icons/cactus.md

Compose

Compose: see /icons/cactus.md

Android XML

Android XML: see /icons/cactus.md

Flutter

Flutter: see /icons/cactus.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

cactus, succulent, desert, arid

Alternatives

potted-plant: a houseplant in general
mountain: a landscape or terrain in general

Tags

cactus, saguaro, succulent, desert, plant, dry, arid, western, nature

Category

Nature & animals

Component name

CactusIcon

History

2026-10-16 added

More nature & animals icons

cat clover dog feather fish fish-off flower horse leaf mountain paw paw-off potted-plant rabbit recycle solar-panel · all nature & animals icons

For agents

Metadata: /icons/cactus.json · Markdown: /icons/cactus.md · SVG: https://gentleface.com/svg/{style}/16/cactus.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/cactus.png

cactus icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More nature & animals icons

For agents

cactus icon