Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Radix Icons · RxBookmark

Bookmark icon

A free bookmark icon from Radix Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asstar iconfavorite iconrating iconreview iconsave iconsaved iconribbon icontag icon
License
MIT license
Project
icons.radix-ui.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/bookmark.json
components/icons/radix-bookmark.tsx
import * as React from "react";

/**
 * Bookmark from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/bookmark. Sized in em, colored by currentColor.
 */
export function RxBookmarkIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.6006 2.00977C11.8286 2.05629 12 2.25829 12 2.5V13.5C12 13.6818 11.9012 13.8494 11.7422 13.9375C11.5833 14.0254 11.3894 14.02 11.2354 13.9238L7.5 11.5898L3.76465 13.9238C3.61062 14.02 3.41669 14.0254 3.25781 13.9375C3.09884 13.8494 3 13.6818 3 13.5V2.5L3.00977 2.39941C3.05629 2.17145 3.25829 2 3.5 2H11.5L11.6006 2.00977ZM4 12.5977L6.96973 10.7412C7.294 10.5385 7.706 10.5385 8.03027 10.7412L11 12.5977V3H4V12.5977Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxBookmark } from "react-icons/rx";

export function Example() {
  return <RxBookmark className="size-5" />;
}
bookmark.svg
<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M11.6006 2.00977C11.8286 2.05629 12 2.25829 12 2.5V13.5C12 13.6818 11.9012 13.8494 11.7422 13.9375C11.5833 14.0254 11.3894 14.02 11.2354 13.9238L7.5 11.5898L3.76465 13.9238C3.61062 14.02 3.41669 14.0254 3.25781 13.9375C3.09884 13.8494 3 13.6818 3 13.5V2.5L3.00977 2.39941C3.05629 2.17145 3.25829 2 3.5 2H11.5L11.6006 2.00977ZM4 12.5977L6.96973 10.7412C7.294 10.5385 7.706 10.5385 8.03027 10.7412L11 12.5977V3H4V12.5977Z"
    fill="currentColor"
  />
</svg>
Attribution
"Bookmark" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: star, favorite, rating, review

Bookmark icon in other sets