Cupcake icon

game-icons:cupcake

The Cupcake icon (game-icons:cupcake) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M236.854 43.83c-20.16 13.472-36.99 24.95-45.3 34.426c-4.717 5.377-6.786 9.82-7.056 13.88c-.27 4.057 1.052 8.634 5.95 14.97l1.128 1.458c18.455-3.476 39.757-5.143 62.834-4.593c31.04.74 60.438 5.363 85.147 12.778c-1.497-2.823-2.983-5.458-4.604-7.744c-5.866-8.274-11.98-13.49-30.498-12.436l-.514.03l-.51-.037c-32.236-2.307-48.314-12.643-56.16-25.792c-5.796-9.718-7.625-19.235-10.416-26.938zm14.03 76.106c-33.25-.134-62.172 4.695-82.003 12.46c-10.576 4.142-18.52 9.15-23.18 14.196c-4.658 5.047-5.933 9.63-5.083 13.92c.713 3.6 3.05 7.485 7.738 11.78c25.135-9.197 55.557-16.22 89.254-20.02c48.777-5.503 95.2-3.222 131.65 5.238c7.676 1.78 14.91 3.834 21.654 6.174c-1.476-3.516-4.52-7.305-9.797-11.487c-6.712-5.317-16.727-10.752-29.053-15.44c-24.65-9.373-58.415-15.87-94.474-16.728q-3.382-.082-6.705-.094zm43.085 44.937c-16.56-.05-33.91.863-51.58 2.856c-47.114 5.313-87.534 17.302-114.218 31.905c-13.342 7.3-23.203 15.28-28.82 22.926c-4.695 6.39-6.384 12.186-5.698 17.534a262 262 0 0 1 12.057-4.028c39.064-12.02 91.923-19.22 150.29-19.22s111.226 7.2 150.29 19.22q1.89.583 3.737 1.18c4.37-3.597 7.91-7.223 10.522-10.777c5.616-7.647 6.945-14.448 5.03-20.64s-7.217-12.243-17.025-18.148c-9.808-5.906-23.772-11.197-40.578-15.098c-21.008-4.876-46.41-7.63-74.008-7.71zM256 231.153c-56.508 0-107.65 7.127-143.867 18.27c-18.11 5.573-32.444 12.176-41.77 18.96c-9.325 6.784-13.42 13.294-13.42 19.617s4.095 12.833 13.42 19.617c.07.05.144.1.213.15l57.447-28.722l63.22 32.01l64.827-32.012l62.36 32.012l65.615-31.977l57.38 28.69c.068-.05.143-.1.212-.15c9.325-6.785 13.42-13.295 13.42-19.618s-4.095-12.833-13.42-19.617c-9.326-6.784-23.66-13.387-41.77-18.96c-36.218-11.143-87.36-18.27-143.867-18.27m127.955 65.77L327.51 324.43L311.938 449l-15.875-2l15.205-121.635l-55.338-28.408l-55.332 27.326L215.938 447l-15.875 2l-15.42-123.352l-56.666-28.693l-54.022 27.012L133.605 488h244.79l59.65-164.033l-54.09-27.045z"/></svg>

How to use the Cupcake icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:cupcake" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:cupcake" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:cupcake" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--cupcake]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:cupcake"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:cupcake"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/cupcake.svg" alt="Cupcake icon" width="24" height="24">

Cupcake icon in other icon sets

Cupcake icon FAQ

Is the Cupcake 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 Cupcake icon in React?

Install @iconify/react and render <Icon icon="game-icons:cupcake" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cupcake icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/cupcake.svg" alt="Cupcake icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →