Bookmark Duotone

By Phosphor Icons in Phosphor

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 256 256">
  <g fill="currentColor">
    <path d="M192 176v48l-64-40l-64 40v-48l64-40Z" opacity=".2"/>
    <path d="M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Zm0 16v113.57l-51.77-32.35a8 8 0 0 0-8.48 0L72 161.56V48Zm-51.77 129.22a8 8 0 0 0-8.48 0L72 209.57v-29.14l56-35l56 35v29.14Z"/>
  </g>
</svg>


Bookmark Duotone Icons examples

See what this icon looks like in some mockup designs
Bookmark DuotoneHome

Related icons in Phosphor

copy save
acorn
copy save
acorn-bold
copy save
acorn-duotone
copy save
acorn-fill
copy save
acorn-light
copy save
acorn-thin
copy save
address-book
copy save
address-book-bold
copy save
address-book-duotone
copy save
address-book-fill
copy save
address-book-light
copy save
address-book-tabs
copy save
address-book-tabs-bold
copy save
address-book-tabs-duotone
copy save
address-book-tabs-fill
copy save
address-book-tabs-light
copy save
address-book-tabs-thin
copy save
address-book-thin
copy save
air-traffic-control
copy save
air-traffic-control-bold