heroicons + sidekickicons

Bookmark X Mark icon

bookmark-x-mark

A bookmark with an X, for removing bookmarks and unsaving items.

Component
BookmarkXMarkIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
unsave, remove, delete, unfavorite, collection

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0ZM9.75 8.25l4.5 4.5m0-4.5-4.5 4.5" />
</svg>

Download

bookmark-x-mark icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Bookmark X Mark icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Removed Removed

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons