devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Бесплатные иконки загрузки (SVG)

48 бесплатных иконок загрузки из открытых наборов — нажмите на любую, чтобы изменить размер, цвет и толщину линии, и скопируйте её как SVG, JSX, data URI или CSS.

Обновлено

download
Lucidedownload
Tablerdownload
Phosphordownload
Bootstrap Iconsdownload
Iconoirarrow-download-16-filled
Fluent UIdownload
Material Symbolsdownload
Material Design Iconsdownload
Carboncloud-download
Lucidedownload-filled
Tablerdownload-bold
Phosphorcloud-download
Bootstrap Iconscloud-download
Iconoirarrow-download-16-regular
Fluent UIdownload-rounded
Material Symbolsdownload-outline
Material Design Iconscloud-download
Carbondownload-off
Tablerdownload-duotone
Phosphorcloud-download-fill
Bootstrap Iconsbubble-download
Iconoirarrow-download-20-filled
Fluent UIdownload-sharp
Material Symbolsdownload-box
Material Design Iconsmobile-download
Carbonbook-download
Tablerdownload-fill
Phosphordownload-circle
Iconoirarrow-download-20-regular
Fluent UIdownload-2
Material Symbolsdownload-box-outline
Material Design Iconsfile-download
Tablerdownload-light
Phosphordownload-circle-solid
Iconoirarrow-download-24-filled
Fluent UIdownload-2-outline
Material Symbolsdownload-off
Material Design Iconsfile-download-filled
Tablerdownload-thin
Phosphordownload-square
Iconoirarrow-download-24-regular
Fluent UIdownload-2-outline-rounded
Material Symbolsdownload-off-outline
Material Design Iconscloud-download
Tablerdownload-simple
Phosphordownload-square-solid
Iconoirarrow-download-28-filled
Fluent UI

Использование иконок загрузки

Стрелка, направленная вниз к лотку, означает загрузку или экспорт; используйте её на кнопках, которые сохраняют файл.

Все иконки здесь следуют currentColor, поэтому они берут цвет текста того элемента, в котором находятся: один SVG одинаково хорошо работает на светлом и тёмном фоне, в ссылках и кнопках. Задайте явные width и height (или задайте размер в CSS через 1em), чтобы верстка не смещалась при загрузке страницы.

Доступность иконок

Если иконка декоративная или стоит рядом с видимым текстом, добавьте aria-hidden="true". Если она — единственное содержимое кнопки или ссылки, задайте этому элементу aria-label, например «Скачать».

Лицензии

Эти иконки загрузки взяты из наборов Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons и Carbon — открытых наборов под лицензиями MIT, ISC или Apache 2.0, которые разрешают личное и коммерческое использование. Нужно что-то другое? Ищите среди более чем 70 000 иконок в SVG Icon Finder.

Часто задаваемые вопросы

Можно ли использовать эти иконки загрузки в коммерческих проектах бесплатно?
Да. Они взяты из открытых наборов иконок под лицензиями MIT, ISC или Apache 2.0, которые разрешают коммерческое использование. Сохраняйте уведомление о лицензии, если вы распространяете сами файлы иконок.
Как изменить цвет иконки загрузки?
SVG использует currentColor, поэтому задайте CSS-свойство color для родительского элемента — или откройте иконку в поиске и выберите фиксированный цвет перед копированием.
Можно ли использовать эти иконки в Webflow или React?
Да. Откройте иконку и нажмите Copy to Webflow (вставит Code Embed) или Copy JSX для компонента React.