Flag icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable actions vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-flag.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-flag.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-flag.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-flag.json
Category:actions
Tags:flagreportbookmarkmarkermilestonemarksave

The flag icon represents marking and reporting with its classic flag banner design.

This versatile symbol has become the standard indicator for content reporting, bookmarking features, milestone markers, and flagged items across all modern web applications and content platforms.

Frequently Asked Questions

Common questions about the Flag icon

Similar Icons

Chat Bubble Bottom Center 20 Solid - communication icon from HeroIcons
chat bubble bottom center 20 solid
Ellipsis Vertical - interface icon from HeroIcons
ellipsis vertical
Chart Bar Square 20 Solid - data icon from HeroIcons
chart bar square 20 solid
Chevron Right 16 Solid - navigation icon from HeroIcons
chevron right 16 solid
Arrow Long Up - navigation icon from HeroIcons
arrow long up
Arrow Path 20 Solid - actions icon from HeroIcons
arrow path 20 solid
Chat Bubble Left 16 Solid - communication icon from HeroIcons
chat bubble left 16 solid
Arrow Up Left 16 Solid - navigation icon from HeroIcons
arrow up left 16 solid
Globe Europe Africa 16 Solid - navigation icon from HeroIcons
globe europe africa 16 solid