Bookmark Heart

By Atisa in BoxIcons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <path fill="currentColor" d="M20 22V4c0-1.103-.897-2-2-2H6c-1.103 0-2 .897-2 2v18l8-4.572L20 22zM6 10V4h12v14.553l-6-3.428l-6 3.428V10z"/>
  <path fill="currentColor" d="M15.409 9.512c.361-.372.585-.888.585-1.456s-.223-1.083-.585-1.456a1.962 1.962 0 0 0-1.412-.603S13.001 5.994 12 7.026c-1.001-1.032-1.997-1.029-1.997-1.029c-.552 0-1.051.23-1.412.603c-.362.373-.585.887-.585 1.456s.223 1.084.585 1.456L12 13.203l3.409-3.691z"/>
</svg>


Bookmark Heart Icons examples

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

Related icons in BoxIcons

copy save
abacus
copy save
accessibility
copy save
add-to-queue
copy save
adjust
copy save
alarm
copy save
alarm-add
copy save
alarm-exclamation
copy save
alarm-off
copy save
alarm-snooze
copy save
album
copy save
align-justify
copy save
align-left
copy save
align-middle
copy save
align-right
copy save
analyse
copy save
anchor
copy save
angry
copy save
aperture
copy save
arch
copy save
archive