What is the ribbon icon typically used for?

It's often used to signify awards, achievements, special promotions, or to draw attention to new or important items.

How do I use the RibbonIcon in React?

Import both HugeiconsIcon and RibbonIcon, then render .

What is the license for this icon?

The HugeIcons ribbon icon is distributed under the MIT license.

ribbon icon

HugeIcons · RibbonIcon · MIT

The HugeIcons ribbon icon visually represents a ribbon or banner, commonly used to highlight awards, achievements, special offers, or important announcements.

Common uses

Award or badge indicator
Highlighting 'New' or 'Sale' items
Promotional banners

Use it in React

Install

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

Import & render

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

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

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: award ribbonbannerbadgemedal

FAQ

What is the ribbon icon typically used for?: It's often used to signify awards, achievements, special promotions, or to draw attention to new or important items.
How do I use the RibbonIcon in React?: Import both HugeiconsIcon and RibbonIcon, then render <HugeiconsIcon icon={RibbonIcon} />.
What is the license for this icon?: The HugeIcons ribbon icon is distributed under the MIT license.

Related icons

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

lucide

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 →