Details

Examples

Heading

Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="modus-icons notranslate">details</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">

  <path d="M27 5H5a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm-1 18H6V7h20v16z"/>
  <circle cx="10" cy="11" r="1"/>
  <path d="M14 12h8a1 1 0 1 0 0-2h-8a1 1 0 1 0 0 2z"/>
  <circle cx="10" cy="15" r="1"/>
  <path d="M14 16h8a1 1 0 1 0 0-2h-8a1 1 0 1 0 0 2z"/>
  <circle cx="10" cy="19" r="1"/>
  <path d="M14 20h8a1 1 0 1 0 0-2h-8a1 1 0 1 0 0 2z"/>
</svg>