What does the cinnamon roll icon represent?

It represents a cinnamon roll, a type of sweet pastry. It's typically used for food-related items, especially desserts or baked goods.

How do I use the CinnamonRollIcon in React?

Import both HugeiconsIcon and CinnamonRollIcon, then render it using .

What is the license for this icon?

The HugeIcons cinnamon roll icon is available under the MIT license.

cinnamon roll icon

HugeIcons · CinnamonRollIcon · MIT

Download SVG

The HugeIcons cinnamon roll icon depicts a swirled pastry with frosting, often used to represent sweet treats, desserts, or baked goods in user interfaces.

Common uses

Dessert menu item
Bakery product listing
Sweet snack suggestion

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { CinnamonRollIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={CinnamonRollIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: pastryswirlsweet rollbaked good

FAQ

What does the cinnamon roll icon represent?: It represents a cinnamon roll, a type of sweet pastry. It's typically used for food-related items, especially desserts or baked goods.
How do I use the CinnamonRollIcon in React?: Import both HugeiconsIcon and CinnamonRollIcon, then render it using <HugeiconsIcon icon={CinnamonRollIcon} />.
What is the license for this icon?: The HugeIcons cinnamon roll icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

hugeicons hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →