The Phosphor bookmarks simple icon visually represents a collection of bookmarks, commonly used in user interfaces to indicate saved or favorited content.
Common uses
- Marking articles for later reading
- Saving favorite products on an e-commerce site
- Indicating a user's saved items in a library app
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { BookmarksSimple } from '@phosphor-icons/react';
<BookmarksSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<BookmarksSimple size={24} />thin
<BookmarksSimple size={24} weight="thin" />light
<BookmarksSimple size={24} weight="light" />bold
<BookmarksSimple size={24} weight="bold" />fill
<BookmarksSimple size={24} weight="fill" />duotone
<BookmarksSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- readingreadernovelstoryplaceholderfavoritesfavoritedlibraryofficeobjectsbookmarkssimplesave iconfavorite iconreading listreading marker
FAQ
- What does the bookmarks simple icon represent?
- It depicts a stack of bookmarks, typically used to signify saved, favorited, or bookmarked content within an application.
- How do I use the bookmarks simple icon in React?
- You can import and use it directly from the Phosphor React library with: import { BookmarksSimple } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the bookmarks simple icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →