The HugeIcons checkmark badge 04 icon depicts a stylized checkmark within a circular badge, commonly used to indicate success, completion, or confirmation of an action.
Common uses
- Successfully submitted form
- Task completed status
- Approved item indicator
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CheckmarkBadge04Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CheckmarkBadge04Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- success iconconfirmation iconapproved badgecompletion mark
FAQ
- What does the checkmark badge 04 icon represent?
- It represents a successful action or confirmation, often used to signify completion or approval.
- How do I use the CheckmarkBadge04Icon in a React project?
- Import both HugeiconsIcon and CheckmarkBadge04Icon from their respective packages and render the icon component like this: <HugeiconsIcon icon={CheckmarkBadge04Icon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.