Croissant icon

game-icons:croissant

The Croissant icon (game-icons:croissant) 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="M256 99.633c-37.26 0-74.595 11.18-119.844 33.328c1.565 57.322 29.767 114.884 57.942 145.362C211.383 271.182 233.625 268 256 268s44.617 3.18 61.902 10.322c28.175-30.478 56.377-88.04 57.942-145.36C330.594 110.813 293.26 99.63 256 99.63zm-134.422 54.135c-25.185 6.602-40.16 20.58-49.844 40.697c-5.602 34.042-.223 57 10.98 74.916c10.892 17.424 27.93 30.347 47.21 42.335c10.962-1.166 21.316-2.24 30.152-5.563c8.206-3.086 15.32-8.034 21.715-17.27c-27.815-30.238-53.7-80.825-60.212-135.114zm268.844 0c-6.513 54.29-32.397 104.876-60.213 135.115c6.393 9.235 13.508 14.183 21.714 17.27c8.836 3.322 19.19 4.396 30.152 5.562c19.28-11.988 36.318-24.91 47.21-42.334c11.203-17.915 16.582-40.873 10.98-74.915c-9.684-20.118-24.66-34.095-49.844-40.697zM54.33 234.014C36.35 260.292 24 289.6 24 320c0 21.623 1.848 42.626 6.418 58.707c4.57 16.08 11.55 26.322 20.512 29.85c13.776 4.573 33.902-22.085 45.773-41.323c3.23-6.184 6.993-13.896 10.555-21.39a1143 1143 0 0 0 10.545-22.787c-18.77-11.952-36.496-25.745-48.657-45.194c-7.68-12.283-12.92-26.732-14.816-43.85zm403.34 0c-1.897 17.117-7.137 31.566-14.816 43.85c-12.16 19.448-29.886 33.24-48.657 45.193c1.837 4.084 5.25 11.642 10.545 22.787c3.562 7.494 7.326 15.206 10.555 21.39c7.403 14.066 26.39 45.016 45.773 41.323c8.96-3.528 15.942-13.77 20.512-29.85S488 341.623 488 320c0-30.4-12.35-59.708-30.33-85.986"/></svg>

How to use the Croissant icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Game Icons

Croissant icon in other icon sets

Croissant icon FAQ

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

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

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

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

Browse all Game Icons →