Bookmark icon

A free bookmark icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Files & Folders
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: bookmark, mark, page, save, document, reading, placeholder

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 7C0 5.14 0 4.21 0.24 3.45C0.74 1.93 1.93 0.74 3.45 0.24C4.21 0 5.14 0 7 0C8.86 0 9.79 0 10.55 0.24C12.07 0.74 13.26 1.93 13.76 3.45C14 4.21 14 5.14 14 7L14 20L12.21 18.46C10.36 16.88 9.43 16.09 8.4 15.78C7.49 15.52 6.51 15.52 5.6 15.78C4.57 16.09 3.64 16.88 1.79 18.46L0 20L0 7Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 1)" fill="currentColor" d="M7.8 0C6.13 0 5.05 0 4.15 0.29C2.32 0.89 0.89 2.32 0.29 4.15C0 5.05 0 6.13 0 7.8L0 21C0 21.39 0.23 21.75 0.58 21.91C0.94 22.07 1.35 22.01 1.65 21.76L3.44 20.22C4.38 19.42 5.04 18.86 5.59 18.45C6.14 18.05 6.52 17.85 6.88 17.75C7.61 17.53 8.39 17.53 9.12 17.75C9.48 17.85 9.86 18.05 10.41 18.45C10.96 18.86 11.62 19.42 12.56 20.22L14.35 21.76C14.65 22.01 15.06 22.07 15.42 21.91C15.77 21.75 16 21.39 16 21L16 7.8C16 6.13 16 5.05 15.71 4.15C15.11 2.32 13.68 0.89 11.85 0.29C10.95 0 9.87 0 8.2 0L7.8 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 7C0 5.14 0 4.21 0.24 3.45C0.74 1.93 1.93 0.74 3.45 0.24C4.21 0 5.14 0 7 0C8.86 0 9.79 0 10.55 0.24C12.07 0.74 13.26 1.93 13.76 3.45C14 4.21 14 5.14 14 7L14 20L12.21 18.46C10.36 16.88 9.43 16.09 8.4 15.78C7.49 15.52 6.51 15.52 5.6 15.78C4.57 16.09 3.64 16.88 1.79 18.46L0 20L0 7Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 1)" fill="currentColor" d="M7.8 0C6.13 0 5.05 0 4.15 0.29C2.32 0.89 0.89 2.32 0.29 4.15C0 5.05 0 6.13 0 7.8L0 21C0 21.39 0.23 21.75 0.58 21.91C0.94 22.07 1.35 22.01 1.65 21.76L3.44 20.22C4.38 19.42 5.04 18.86 5.59 18.45C6.14 18.05 6.52 17.85 6.88 17.75C7.61 17.53 8.39 17.53 9.12 17.75C9.48 17.85 9.86 18.05 10.41 18.45C10.96 18.86 11.62 19.42 12.56 20.22L14.35 21.76C14.65 22.01 15.06 22.07 15.42 21.91C15.77 21.75 16 21.39 16 21L16 7.8C16 6.13 16 5.05 15.71 4.15C15.11 2.32 13.68 0.89 11.85 0.29C10.95 0 9.87 0 8.2 0L7.8 0Z"/>
  <path transform="translate(5 17.59)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 4.41L12.21 2.88C10.36 1.29 9.43 0.5 8.4 0.2C7.49 -0.07 6.51 -0.07 5.6 0.2C4.57 0.5 3.64 1.29 1.79 2.88L0 4.41"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(5 2)" fill="currentColor" d="M0 7C0 5.14 0 4.21 0.24 3.45C0.74 1.93 1.93 0.74 3.45 0.24C4.21 0 5.14 0 7 0C8.86 0 9.79 0 10.55 0.24C12.07 0.74 13.26 1.93 13.76 3.45C14 4.21 14 5.14 14 7L14 20L12.21 18.46C10.36 16.88 9.43 16.09 8.4 15.78C7.49 15.52 6.51 15.52 5.6 15.78C4.57 16.09 3.64 16.88 1.79 18.46L0 20L0 7Z"/>
  <path transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 7C0 5.14 0 4.21 0.24 3.45C0.74 1.93 1.93 0.74 3.45 0.24C4.21 0 5.14 0 7 0C8.86 0 9.79 0 10.55 0.24C12.07 0.74 13.26 1.93 13.76 3.45C14 4.21 14 5.14 14 7L14 20L12.21 18.46C10.36 16.88 9.43 16.09 8.4 15.78C7.49 15.52 6.51 15.52 5.6 15.78C4.57 16.09 3.64 16.88 1.79 18.46L0 20L0 7Z"/>
</svg>