heroicons + sidekickicons

Document Exclamation icon

document-exclamation

A document with an exclamation mark, for file errors, missing information and documents that need attention.

Component
DocumentExclamationIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
warning, error, alert, invalid, attention, file, page

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="M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm-.375 0A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M12 11.25v3m0 3h.008v.008H12Z" />
</svg>

Download

document-exclamation icon preview

Color

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

Size in pixels

Background

Document Exclamation icon in UI elements

Button · Mini

Secondary button · Mini

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

Input · Mini

Navigation · Outline

Needs review Needs review

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons