Croissant icon

emojione-monotone:croissant

The Croissant icon (emojione-monotone:croissant) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.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: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Food

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M53.41 5.079q-.496 0-.998.05c-.848.086-1.668.181-2.482.278C48.549 3.292 46.403 2 44.227 2c-.861 0-1.724.199-2.543.625c-.902.47-1.789.966-2.67 1.47c-1.219-.797-2.743-1.247-4.398-1.247c-1.733 0-3.598.481-5.372 1.535a72 72 0 0 0-4.476 2.914c-.697-1.149-1.446-1.855-2.213-1.855q-.168 0-.337.045c-5.667 1.52-14.187 10.034-15.71 15.699c-.303 1.125.061 1.604.902 1.787c-.132.617-.07 1.06.165 1.375a71 71 0 0 0-3.19 4.879c-1.717 2.882-1.908 6-.985 8.405c.049.679.165 1.338.351 1.962c-.379.686-.763 1.367-1.125 2.063c-1.001 1.921-.75 4.087.402 5.89c.325 1.33 1.077 2.621 2.181 3.699c-.037.389-.077.764-.109 1.158C4.693 57.249 7.887 62 11.809 62c2.372 0 5.009-1.737 7.277-6.244c.108-.216.226-.424.336-.639c.958-.421 1.702-1.057 2.115-1.89a66 66 0 0 1 2.464-4.528c1.818-.559 3.326-1.693 4.178-3.228a43.75 43.75 0 0 1 15.645-16.372c1.121-.69 2.001-1.74 2.571-2.998a66 66 0 0 1 5.095-2.803c1.109-.55 1.875-1.678 2.24-3.127c.676-.362 1.35-.727 2.037-1.07c11.38-5.718 5.092-14.022-2.357-14.022M22.451 7.501c.681.634 2.222 3.463 3.377 9.242c.824 4.122.958 7.188.832 8.894c-4.75-4.23-9.844-4.743-13.34-4.743c-1.107 0-2.114.058-3.003.107c-.646.037-1.208.069-1.677.071c1.755-4.87 9.053-12.087 13.811-13.571M11.809 60c-1.217 0-2.176-.765-2.767-1.406c-1.366-1.486-2.106-3.745-1.953-5.922c.387.225.79.434 1.217.61q1.7.73 3.396 1.461c1.785.738 3.572 1.033 5.143.948C15.282 58.47 13.514 60 11.809 60m6.411-10.685c-.489.937-1.967 1.542-3.765 1.542a9.6 9.6 0 0 1-3.365-.644l-1.632-.652l-1.657-.661c-1.67-.638-2.992-1.875-3.536-3.311c-.276-.727-.477-1.838.134-3.01c.13-.248.27-.49.402-.737c.782 1.153 1.854 2.05 3.15 2.537q4.971 2.031 9.947 4.057c.226.085.452.157.677.226c-.116.219-.241.433-.355.653m23.135-24.583a47.8 47.8 0 0 0-16.599 16.583c-.935 1.548-2.919 2.548-5.058 2.548c-.875 0-1.743-.16-2.579-.477l-9.351-3.87l-.058-.024l-.026-.011l-.027-.01c-1.125-.429-2-1.396-2.46-2.722c-.685-1.969-.346-4.398.907-6.5a69 69 0 0 1 3.406-5.173c3.733.369 11.623-.92 18.363 5.821c2.529 2.528 1.648-9.826-.785-17.563c-.413-1.553-.889-3.01-1.41-4.236a68 68 0 0 1 4.589-2.997c1.38-.821 2.884-1.255 4.349-1.255c2.318 0 4.235 1.102 4.886 2.807l.011.026l.01.027l1.303 3.143l2.596 6.259c1.233 3.252-.084 6.43-2.067 7.624m8.002-6.526q-1.36.71-2.683 1.47a10 10 0 0 0-.358-.976l-.932-2.011c-.036-.106-.066-.214-.107-.319l-3.908-9.429a5.7 5.7 0 0 0-.814-1.421c.68-.379 1.358-.761 2.052-1.121A3.5 3.5 0 0 1 44.227 4c1.947 0 3.841 1.527 4.721 3.826l1.295 3.232c1.258 3.282.54 6.402-.886 7.148m5.517-.893c-.308.153-.605.32-.91.478c-.04-1.359-.345-2.84-.958-4.319l-.223-.519a12 12 0 0 0-.674-2.609l-1.214-3.033c.568-.065 1.132-.132 1.718-.19q.397-.04.797-.04c3.063 0 5.982 1.802 6.508 4.018c.496 2.088-1.344 4.354-5.044 6.214"/></svg>

How to use the Croissant icon

React

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

<Icon icon="emojione-monotone:croissant" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:croissant" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:croissant" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:croissant"></iconify-icon>

HTML image

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

Croissant icon in other icon sets

Croissant icon FAQ

Is the Croissant icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.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="emojione-monotone: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/emojione-monotone/croissant.svg" alt="Croissant icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →