heroicons + sidekickicons

Folder X Mark icon

folder-x-mark

A folder with an X, for deleting or closing folders and missing or empty folders.

Component
FolderXMarkIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
delete, remove, close, directory, missing, error, files

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="m13.06 6.31-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Zm-3.31 4.94 4.5 4.5m0-4.5-4.5 4.5" />
</svg>

Download

folder-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

Folder 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

Folder deleted Folder deleted

Badges · Micro

History

  1. Added in Sidekickicons 0.21.0 .

Related icons

More Sidekickicons