Иконки файлов и документов — скачать PNG и SVG бесплатно

Папки и файлы, документы разных типов, загрузка и скачивание, облако, архив, буфер обмена, скрепка, стикер, отчёт и поиск по файлам.

Об иконках файлов и документов

Основа раздела — линейные иконки файлов и документов; папку, файл, загрузку и скачивание можно взять и с заливкой или в два тона, а для лендинга есть объёмная 3D-папка. Пригодятся в файловых менеджерах, облачных хранилищах, CRM и системах документооборота.

Тип файла: пиктограмма плюс подпись

Иконки файлов по содержимому — таблица, изображение, аудио, архив, код — сразу подсказывают, что внутри. Но различать десятки расширений одними пиктограммами бесполезно: добавляйте расширение текстом — под иконкой или на цветной плашке. Так десятка иконок хватит на любой набор форматов.

Зона загрузки и её состояния

Область drag-and-drop обычно отмечают иконкой загрузки в облако размером 32–48 px и подсказкой «Перетащите файлы сюда». Дальше иконки файлов сопровождают загрузку на каждом этапе:

  1. Ожидание — облако или стрелка загрузки.
  2. Загрузка — иконка типа файла и индикатор прогресса.
  3. Готово — проверенный файл.
  4. Ошибка — файл с ошибкой и текст причины рядом.

Папки и доступ

Иконки папок в дереве каталогов делят роли: открытая показывает текущий раздел, закрытая — все остальные. Для каталогов с ограниченным доступом есть защищённая папка: в CRM и облачных хранилищах её ставят рядом с пометкой о том, кто может открыть раздел.

Метафоры, которые не стоит ломать

Скрепка означает вложение, папка — группу файлов, иконка сохранения — запись изменений. Эти символы узнают мгновенно, и замена их на «более современные» только добавляет секунду раздумий. Большая часть иконок файлов из этого текста входит в набор «Файлы и документы»; залитые папки и файлы — в сплошном интерфейсном наборе, объёмная папка для лендинга — в «Интерфейсе 3D».

Наборы по теме

Все наборы →

Частые вопросы

Какая иконка лучше для скачивания: стрелка или облако?
Простая стрелка вниз — универсальная кнопка скачивания. Облако со стрелкой уместно, когда файл действительно хранится в облаке и важно подчеркнуть, откуда он загружается.
Есть ли иконки для системы электронного документооборота?
Да: документ, проверенный файл, отчёт, буфер обмена и список задач покрывают основные статусы. Подпись, печать и договор найдутся в разделе «Бизнес и финансы».
Как собрать иконки файлов в SVG-спрайт?
Скачайте нужные иконки в SVG и объедините их в генераторе спрайтов: он собирает элементы symbol прямо в браузере. Затем каждую иконку можно вызывать через use по её идентификатору.