Beta

Description SVG icon, line

Free

Three horizontal lines sit on a document page with a folded corner. Use it for file details in a file manager or summaries in a project list.

Sign in to download. Free SVGs are free with any account.

descriptiondocumentdetailsfilesiconline

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zTikZa1vS721/amnt.svg" alt="Description" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M13 2v7h7"/><path d="M8 12h8M8 15h8M8 18h8"/></svg>
CSS background-image
.description {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zTikZa1vS721/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.description {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zTikZa1vS721/amnt.svg") center / contain no-repeat;
}
React
import DescriptionSvg from "./description.jsx"; // from the React tab above

<DescriptionSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Description: Document page with a folded corner and three horizontal lines. as part of the pack Files and folders icons, line. Want one like it? Make your own in the SVG studio.

Rest of Files and folders icons, line

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence