Bookmark Check Icon
AnimatedBookmark ribbon with a checkmark inside, for saved state, bookmarked items and confirmed reading list adds. Available in 4 styles (outline, solid, duotone and filled) with an animated variant, as a React component you install with the shadcn CLI.
Preview
- 16px
- 20px
- 24px
- 32px
Install and code
Bookmark Check icon in shadcn/ui components
Button
Icon button
Button group
Badge
Dropdown menu
Input group
Bookmark Check icon FAQ
What does this icon show?
Bookmark ribbon with a checkmark inside, for saved state, bookmarked items and confirmed reading list adds. Typical uses: bookmarked state on an article card, saved to reading list toast and toggle showing a post is saved.
When should I use it instead of a similar icon?
Use it for:
- Toasts confirming a save, such as Added to reading list, with an undo link
- A Saved badge on job, course or listing cards the viewer has already kept
- The saved row in a card's overflow menu, which removes the save when chosen
For a checked checkbox or a finished task with no saving involved, use the Check Squared icon. For the save control itself, before the viewer has kept the card, use the Bookmark icon. For a page or sidebar entry that lists everything saved, use the Bookmarks icon.
Which styles does it come in?
4 styles: Outline, Solid, Duotone and Filled. Every style is drawn on the same 24 by 24 grid and installs as its own file, so you can switch styles without touching the layout. An animated variant also plays a short animation on hover, or whenever your code starts it.
How do I install it with the shadcn CLI?
Copy the install command from the panel above, in the style you want, and run it in your project. The shadcn CLI adds the icon as a React component that you import and render like any other. It draws in the current text color, so your text color and size classes style it. Icon installs need a ReUI Ultimate license.
What icons go well with it?
Share and Copy sit beside it in the same toolbar or menu. More from the same family and the Actions set: Bookmark, Bookmark Out, Notepad Bookmark and Arrow Down Wide Narrow.
When was it added, and what was it called before?
It joined the ReUI icon library on June 30, 2026. It was previously named archive-tick, and that install name still resolves to this icon.
Icons related to Bookmark Check
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.
When to use
- Toasts confirming a save, such as Added to reading list, with an undo link
- A Saved badge on job, course or listing cards the viewer has already kept
- The saved row in a card's overflow menu, which removes the save when chosen
When not to use
- A checked checkbox or a finished task with no saving involved: use the Check Squared icon
- The save control itself, before the viewer has kept the card: use the Bookmark icon
- A page or sidebar entry that lists everything saved: use the Bookmarks icon
Agent notes
- Name an icon-only button with its label, "Saved for later", as the aria-label
Markdown
https://reui.io/icons/preview/bookmark-check.mdMCP
get_icon("bookmark-check")Install
npx shadcn@latest add @reui/icons/default/duotone/bookmark-checkStart building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.