Potted Plant icon
openmoji:potted-plant
The Potted Plant icon (openmoji:potted-plant) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Animals Nature
- Tags
- pottedplant
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><rect width="3.382" height="4.416" x="38.918" y="33.812" fill="#fff" rx=".803" ry=".803"/><rect width="3.382" height="4.416" x="28.639" y="33.668" fill="#fff" rx=".803" ry=".803"/><path fill="#f4aa41" d="M42.269 60.958H28.675a.83.83 0 0 1-.819-.696l-2.448-15.05a.83.83 0 0 1 .685-.952c.453-.073 18.307-.074 18.757 0a.83.83 0 0 1 .686.951l-2.448 15.05a.83.83 0 0 1-.82.697"/><path fill="#ea5a47" d="M47.763 45.908H23.181a.83.83 0 0 1-.83-.829v-5.148a.83.83 0 0 1 .829-.829h24.583c.458 0 .83.37.83.828v5.149c0 .457-.37.829-.829.829"/><path fill="#5c9e31" d="M35.272 32.352a1 1 0 0 1-.945-.673c-1.258-3.652-13.175-11.21-17.66-13.815a1 1 0 0 1-.005-1.728a12.09 12.09 0 0 1 10.422-.705l.018.01c8.829 4.133 9.16 15.412 9.17 15.89a1 1 0 0 1-1 1.021"/><path fill="#b1cc33" d="M50.095 12.842a1 1 0 0 0-.049-1.695a9.85 9.85 0 0 0-12.253 2.467c-4.851 5.46-3.739 14.053-3.418 15.964c-2.325-1.718-7.053-4.32-12.395-2.175l-.037.016c-.172.076-4.204 1.935-4.26 6.343a1 1 0 0 0 .985 1.012h.014q.135 0 .264-.035c.108-.03 10.837-2.932 16.073-2.196l.016.002l.012.002a1 1 0 0 0 .177-.003q.06.005.122 0l.01-.002h.01c4.87-.759 13.426 1.555 13.513 1.579q.13.035.264.035a1 1 0 0 0 .973-1.227a7.55 7.55 0 0 0-6.243-5.473a10.9 10.9 0 0 0-7.44 1.907c.173-7.421 13.525-16.43 13.662-16.521"/><path fill="#5c9e31" d="M35.194 31.323a1 1 0 0 1-.947-1.321c.123-.362 3.082-8.858 10.213-11.319c7.412-2.56 11.094 3.147 11.131 3.205a1 1 0 0 1-.756 1.527c-4.326.4-16.129 2.507-18.76 7.383a1 1 0 0 1-.882.525Zm9.592-11.694"/><path fill="#a57939" d="M31.19 39.102v-1.32a4 4 0 0 1 1.297-2.934a2.96 2.96 0 0 1-.297-1.291a3 3 0 1 1 6 0c0 .447-.102.888-.297 1.29a4 4 0 0 1 1.297 2.935v1.32z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M23.181 39.931h24.583v5.147H23.181zm3.497 7.922l1.997 12.276h13.594l1.997-12.276M38.138 37.22a3 3 0 0 0-1.666-2.14a2 2 0 1 0-2.563 0a3 3 0 0 0-1.667 2.15"/><path d="M41.886 31.709a62 62 0 0 1 7.279 1.451a6.6 6.6 0 0 0-5.427-4.713c-4.499-.714-8.525 3.114-8.525 3.114m.046-.214s-.228-11.089-8.595-15.007a11.15 11.15 0 0 0-9.51.653a132 132 0 0 1 11.617 7.678"/><path d="M35.195 31.556s-5.96-5.984-12.838-3.225c0 0-3.622 1.624-3.67 5.443a84 84 0 0 1 10.71-2.11m5.815-1.341c3.466-6.421 19.55-7.904 19.55-7.904s-3.207-5.12-9.957-2.79"/><path d="M35.42 29.772c-.305-8.14 14.112-17.762 14.112-17.762a8.785 8.785 0 0 0-10.998 2.268a13 13 0 0 0-2.637 4.84"/></g></svg>How to use the Potted Plant icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:potted-plant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:potted-plant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:potted-plant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--potted-plant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:potted-plant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:potted-plant"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/potted-plant.svg" alt="Potted Plant icon" width="24" height="24">Potted Plant icon in other icon sets
Potted Plant icon FAQ
Is the Potted Plant icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Potted Plant icon in React?
Install @iconify/react and render <Icon icon="openmoji:potted-plant" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Potted Plant icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/potted-plant.svg" alt="Potted Plant icon">, or paste the SVG code inline to style it with CSS.