file-dot icon

File dot: unread document, unseen file, unseen document. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12.846 6.092C12.946 6.187 12.997 6.304 12.999 6.442C13 6.461 13 6.481 13 6.5L13 13C13 13.254 12.953 13.5 12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L7.5 1C7.886 1 8.258 1.074 8.615 1.222C8.972 1.37 9.287 1.58 9.561 1.854L10 2.293C10.025 2.318 10.047 2.344 10.066 2.372C10.022 2.577 10 2.786 10 3C9.902 3.098 9.785 3.146 9.646 3.146C9.508 3.146 9.391 3.098 9.293 3L9 2.707L9 4C9 4.276 9.098 4.512 9.293 4.707C9.488 4.902 9.724 5 10 5L10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6L10 6C9.746 6 9.5 5.953 9.264 5.86C9.007 5.758 8.781 5.609 8.586 5.414C8.391 5.219 8.242 4.993 8.14 4.736C8.047 4.5 8 4.254 8 4L8 2.066C7.838 2.022 7.671 2 7.5 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L11 14C11.276 14 11.512 13.902 11.707 13.707C11.902 13.512 12 13.276 12 13L12 6.5C12 6.487 12 6.475 12 6.462C11.997 6.321 12.043 6.202 12.137 6.104C12.226 6.01 12.337 5.96 12.468 5.953C12.537 5.965 12.607 5.975 12.677 5.983C12.738 6.006 12.795 6.042 12.846 6.092ZM11.14 2.264C11.242 2.007 11.391 1.781 11.586 1.586C11.781 1.391 12.007 1.242 12.264 1.14C12.5 1.047 12.746 1 13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3C15 3.254 14.953 3.5 14.86 3.736C14.758 3.993 14.609 4.219 14.414 4.414C14.219 4.609 13.993 4.758 13.736 4.86C13.5 4.953 13.254 5 13 5C12.746 5 12.5 4.953 12.264 4.86C12.007 4.758 11.781 4.609 11.586 4.414C11.391 4.219 11.242 3.993 11.14 3.736C11.047 3.5 11 3.254 11 3C11 2.746 11.047 2.5 11.14 2.264Z"/></svg>

React

// Gentleface "file-dot" (line-round), MIT. https://gentleface.com/icons/file-dot
import type { SVGProps } from 'react';

export function FileDotIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M12.846 6.092C12.946 6.187 12.997 6.304 12.999 6.442C13 6.461 13 6.481 13 6.5L13 13C13 13.254 12.953 13.5 12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L7.5 1C7.886 1 8.258 1.074 8.615 1.222C8.972 1.37 9.287 1.58 9.561 1.854L10 2.293C10.025 2.318 10.047 2.344 10.066 2.372C10.022 2.577 10 2.786 10 3C9.902 3.098 9.785 3.146 9.646 3.146C9.508 3.146 9.391 3.098 9.293 3L9 2.707L9 4C9 4.276 9.098 4.512 9.293 4.707C9.488 4.902 9.724 5 10 5L10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6L10 6C9.746 6 9.5 5.953 9.264 5.86C9.007 5.758 8.781 5.609 8.586 5.414C8.391 5.219 8.242 4.993 8.14 4.736C8.047 4.5 8 4.254 8 4L8 2.066C7.838 2.022 7.671 2 7.5 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L11 14C11.276 14 11.512 13.902 11.707 13.707C11.902 13.512 12 13.276 12 13L12 6.5C12 6.487 12 6.475 12 6.462C11.997 6.321 12.043 6.202 12.137 6.104C12.226 6.01 12.337 5.96 12.468 5.953C12.537 5.965 12.607 5.975 12.677 5.983C12.738 6.006 12.795 6.042 12.846 6.092ZM11.14 2.264C11.242 2.007 11.391 1.781 11.586 1.586C11.781 1.391 12.007 1.242 12.264 1.14C12.5 1.047 12.746 1 13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3C15 3.254 14.953 3.5 14.86 3.736C14.758 3.993 14.609 4.219 14.414 4.414C14.219 4.609 13.993 4.758 13.736 4.86C13.5 4.953 13.254 5 13 5C12.746 5 12.5 4.953 12.264 4.86C12.007 4.758 11.781 4.609 11.586 4.414C11.391 4.219 11.242 3.993 11.14 3.736C11.047 3.5 11 3.254 11 3C11 2.746 11.047 2.5 11.14 2.264Z" />
    </svg>
  );
}

Vue

Vue: see /icons/file-dot.md

Svelte

Svelte: see /icons/file-dot.md

HTML img

HTML img: see /icons/file-dot.md

CSS

CSS: see /icons/file-dot.md

Data URL

Data URL: see /icons/file-dot.md

Sprite

Sprite: see /icons/file-dot.md

SwiftUI

SwiftUI: see /icons/file-dot.md

Compose

Compose: see /icons/file-dot.md

Android XML

Android XML: see /icons/file-dot.md

Flutter

Flutter: see /icons/file-dot.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

unread document, unseen file, unseen document

Example

Documents changed since your last visit

Alternatives

diff-modified: a file modified in version control (changed-file)

Don’t confuse with

file-plus: + means create a new file, never unread

Not for

diff modified (use diff-modified): the dot means unread or unseen, not modified
new file (use file-plus): the dot means unread, never new

Built from

file + dot

Tags

document, page, sheet, dot

Category

Files & folders

Component name

FileDotIcon

History

2026-10-15 added

Family 42

file contract file-alert file-arrow-down file-arrow-up file-binary file-chart file-check file-clock file-cloud file-code file-diff

More files & folders icons

archive archive-arrow-up archive-clock archive-lock archive-search book book-arrow-down book-bookmark book-check book-clock book-open book-plus book-search book-x folder folder-alert · all files & folders icons

For agents

Metadata: /icons/file-dot.json · Markdown: /icons/file-dot.md · SVG: https://gentleface.com/svg/{style}/16/file-dot.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/file-dot.png

file-dot icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp