Cactus icon
fxemoji:cactus
The Cactus icon (fxemoji:cactus) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2BA52E" d="M430.749 295.253v62.85c0 14.951-10.717 27.753-25.436 30.382l-98.032 17.51a31 31 0 0 1-5.463.487c-14.669 0-27.677-10.497-30.346-25.441c-2.997-16.779 8.176-32.812 24.955-35.809l72.596-12.967v-37.011c0-17.045 13.818-30.863 30.863-30.863s30.863 13.818 30.863 30.862M314.435 53.847a5.13 5.13 0 0 0 3.637-1.507l20.413-20.413a5.143 5.143 0 1 0-7.274-7.274l-20.413 20.413a5.143 5.143 0 0 0 3.637 8.781m21.085 54.077a5.144 5.144 0 0 0 5.099 5.189l20.414.178h.046a5.145 5.145 0 0 0 .044-10.288l-20.414-.178a5.144 5.144 0 0 0-5.189 5.099m-5.393-36.563a5.144 5.144 0 0 0 6.763 2.68l20.414-8.823a5.143 5.143 0 0 0 2.681-6.762a5.143 5.143 0 0 0-6.762-2.681l-20.414 8.823a5.144 5.144 0 0 0-2.682 6.763m30.995 75.02l-20.414-.179c-2.849-.01-5.164 2.258-5.189 5.099a5.144 5.144 0 0 0 5.099 5.189l20.414.179h.046a5.144 5.144 0 0 0 .044-10.288m0 43.378l-20.414-.179c-2.849-.002-5.164 2.257-5.189 5.099a5.144 5.144 0 0 0 5.099 5.189l20.414.179h.046a5.144 5.144 0 0 0 .044-10.288m-278.728 35.05h.046l20.413-.178a5.145 5.145 0 0 0-.044-10.287h-.046l-20.413.178a5.145 5.145 0 0 0 .044 10.287m28.27-48.692l-20.413-8.823a5.144 5.144 0 0 0-4.081 9.444l20.413 8.823a5.144 5.144 0 1 0 4.081-9.444m50.079-39.945a5.145 5.145 0 0 0-7.274 0l-20.413 20.415a5.143 5.143 0 1 0 7.274 7.273l20.413-20.414a5.143 5.143 0 0 0 0-7.274m22.636 78.35l-20.413-.178a5.135 5.135 0 0 0-5.189 5.099a5.144 5.144 0 0 0 5.099 5.188l20.413.178h.046a5.145 5.145 0 0 0 .044-10.287m-3.819-37.784a5.145 5.145 0 0 0-4.081-9.444l-20.413 8.823a5.145 5.145 0 0 0 4.082 9.444zm-71.608 86.084a5.144 5.144 0 0 0-5.143-5.099h-.046l-20.413.177a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.178a5.143 5.143 0 0 0 5.099-5.187m-6.081 38.364l-14.598 2.704a5.143 5.143 0 1 0 1.874 10.116l14.598-2.704a5.143 5.143 0 1 0-1.874-10.116m259.251-68.049l-20.414-.179h-.046a5.144 5.144 0 0 0-.044 10.287l20.414.179h.046a5.144 5.144 0 0 0 .044-10.287m-20.414 43.201c-2.849.012-5.164 2.258-5.189 5.099a5.144 5.144 0 0 0 5.099 5.188l20.414.178h.046a5.145 5.145 0 0 0 .044-10.287zM216.2 102.825h-.046l-20.413.178a5.145 5.145 0 0 0 .044 10.288h.046l20.413-.178a5.145 5.145 0 0 0-.044-10.288m7.855-38.226l-20.413-8.823a5.14 5.14 0 0 0-6.762 2.681a5.143 5.143 0 0 0 2.681 6.762l20.413 8.823a5.144 5.144 0 1 0 4.081-9.443m-7.855 81.604h-.046l-20.413.179a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.179a5.145 5.145 0 0 0-.044-10.287m-.046 43.378l-20.413.179a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.179a5.145 5.145 0 0 0 5.099-5.189a5.126 5.126 0 0 0-5.189-5.098m.046 43.378h-.046l-20.413.179a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.179a5.145 5.145 0 0 0-.044-10.287"/><path fill="#5DC15D" d="M277.852 21.848c-39.774 0-72.013 32.239-72.013 72.013V266.15l-30.559-8.235v-72.503c0-22.727-18.424-41.15-41.15-41.15c-22.727 0-41.15 18.423-41.15 41.15v104.032c0 18.603 12.481 34.893 30.443 39.733l82.416 22.21v106.11c0 39.774 32.239 44.362 72.013 44.362s72.013-4.588 72.013-44.362V93.861c.001-39.774-32.239-72.013-72.013-72.013"/><path fill="#2BA52E" d="M195.785 286.803a5.144 5.144 0 0 1-.044-10.287l20.413-.178h.046a5.144 5.144 0 0 1 .044 10.287l-20.413.178zm87.214-159.577V11.144a5.144 5.144 0 1 0-10.288 0v116.082a5.144 5.144 0 1 0 10.288 0m34.899-33.365V27.132a5.144 5.144 0 1 0-10.288 0v66.729a5.144 5.144 0 1 0 10.288 0m10.287 100.095v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0m-95.16 15.85v-66.729a5.144 5.144 0 1 0-10.288 0v66.729a5.144 5.144 0 1 0 10.288 0m36.007 68.629V157.529a5.144 5.144 0 1 0-10.288 0v120.906a5.144 5.144 0 1 0 10.288 0m37.966 30.513v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0m-69.633 62.948v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0m45.634 104.254V352.09a5.144 5.144 0 1 0-10.288 0v124.06a5.144 5.144 0 1 0 10.288 0m45.186-48.438v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0M258.02 56.581V13.588a5.144 5.144 0 1 0-10.288 0v42.993a5.144 5.144 0 1 0 10.288 0M125.482 194.903v-43.378a5.14 5.14 0 0 0-1.507-3.637l-11.716-11.716a5.145 5.145 0 0 0-7.274 7.274l10.209 10.21v41.247a5.144 5.144 0 1 0 10.288 0m26.561 43.2v-66.087a5.144 5.144 0 1 0-10.288 0v66.087a5.144 5.144 0 1 0 10.288 0m-32.418 29.384v-34.603a5.144 5.144 0 1 0-10.288 0v34.603a5.144 5.144 0 1 0 10.288 0m19.649 56.684v-59.016a5.144 5.144 0 1 0-10.288 0v59.016a5.144 5.144 0 1 0 10.288 0m38.997-8.46v-34.603a5.144 5.144 0 1 0-10.288 0v34.603a5.144 5.144 0 1 0 10.288 0m69.3 136.512v-33.364a5.144 5.144 0 1 0-10.288 0v33.364a5.144 5.144 0 1 0 10.288 0M236.075 35.224q.043-.03.085-.063l-10.508-10.508a5.145 5.145 0 0 0-7.274 7.274l8.7 8.7v53.234a5.144 5.144 0 1 0 10.288 0V38.598a5.1 5.1 0 0 0-1.291-3.374"/></svg>How to use the Cactus icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cactus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cactus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cactus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cactus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cactus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cactus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/cactus.svg" alt="Cactus icon" width="24" height="24">Cactus icon in other icon sets
Cactus icon FAQ
Is the Cactus icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Cactus icon in React?
Install @iconify/react and render <Icon icon="fxemoji:cactus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cactus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cactus.svg" alt="Cactus icon">, or paste the SVG code inline to style it with CSS.