Poppy icon
game-icons:poppy
The Poppy icon (game-icons:poppy) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M457.375 36.547c-9.446-.098-30.693 31.456-42.25 33.07c-11.852 1.657-8.391-19.023-17.549-12.142c-7.652 5.75-18.883 33.342-32.052 39.498c-11.335 5.299-19.573-26.037-26.584-16.57c-7.455 10.066-6.413 33.781-11.787 49.074c.08.059.165.115.246.174c25.243 18.326 43.095 43.102 48.527 71.13c7.731-8.358 14.25-17.609 15.488-25.948c3.088-20.813 62.136-12.252 47.196-32.198c-27.568-36.802 41.307-30.188 28.03-47.496c-22.762-29.677 4.283-41.961-6.357-57.008c-.764-1.08-1.748-1.572-2.908-1.584M209.96 112.44c-8.417.033-16.663.575-24.691 1.568c1.777 12.851 3.217 26.112.22 37.14c-6.884-6.133-12.132-24.14-15.921-34.564a191 191 0 0 0-19.315 5.024c2.709 10.222 9.794 31.755 7.389 40.432c-9.178-3.486-19.573-22.29-26.504-33.147a161 161 0 0 0-16.07 8.338c5.024 11.3 18.825 27.709 18.431 40.469c-14.497-3.407-26.127-18.53-36.117-28.094c-23.318 19.192-36.823 43.744-36.78 70.262c.036 21.102 8.66 40.889 23.958 57.674c15.388 1.964 37.95 4.248 49.459 13.189c-9.8 9.368-45.209 8.725-66.89 10.291c-15.33 17.915-23.444 38.361-23.487 59.184c.132 63.935 74.729 115.532 166.617 115.246c91.889-.286 166.272-52.348 166.14-116.284c-.109-23.522-10.514-46.44-29.83-65.705c-17.446-3.716-49.414-1.485-61.6-10.539c13.87-7.179 35.467-8.298 51.895-7.453c14.634-16.664 22.841-36.111 22.807-56.762c-.048-28.663-15.906-54.91-42.867-74.484s-64.843-31.948-106.844-31.785m2.498 129.728c23.385-.074 42.384 19.075 42.432 42.77s-18.87 42.963-42.256 43.037s-42.383-19.075-42.432-42.77c-.048-23.694 18.87-42.962 42.256-43.037"/></svg>How to use the Poppy icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:poppy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:poppy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:poppy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--poppy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:poppy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:poppy"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/poppy.svg" alt="Poppy icon" width="24" height="24">Poppy icon in other icon sets
Poppy icon FAQ
Is the Poppy icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Poppy icon in React?
Install @iconify/react and render <Icon icon="game-icons:poppy" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Poppy icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/poppy.svg" alt="Poppy icon">, or paste the SVG code inline to style it with CSS.