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

Бесплатные иконки папок (SVG)

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

Обновлено

folder
Lucidefolder
Tablerfolder
Heroiconsfolder
Phosphorfolder
Bootstrap Iconsfolder
Iconoirfolder-16-filled
Fluent UIfolder
Material Symbolsfolder
Material Design Iconsfolder
Carbonfolder-x
Lucidefolder-filled
Tablerfolder-16-solid
Heroiconsfolder-bold
Phosphorfolder-fill
Bootstrap Iconsfolder-16-regular
Fluent UIfolder-outline
Material Symbolsfolder-outline
Material Design Iconsfolder-add
Carbonfolder-up
Lucidefolder-x
Tablerfolder-20-solid
Heroiconsfolder-duotone
Phosphorfolder-x
Bootstrap Iconsfolder-20-filled
Fluent UIfolder-outline-rounded
Material Symbolsfolder-cog
Material Design Iconsfolder-off
Carbonfolder-cog
Lucidefolder-ai
Tablerfolder-solid
Heroiconsfolder-fill
Phosphorfolder-20-regular
Fluent UIfolder-outline-sharp
Material Symbolsfolder-cog-outline
Material Design Iconsfolder-dot
Lucidefolder-up
Tablerfolder-light
Phosphorfolder-24-filled
Fluent UIfolder-rounded
Material Symbolsfolder-eye
Material Design Iconsfolder-git
Lucidefolder-cog
Tablerfolder-thin
Phosphorfolder-24-regular
Fluent UIfolder-sharp
Material Symbolsfolder-eye-outline
Material Design Iconsfolder-key
Lucide

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

Папки группируют файлы и проекты; открытая папка показывает текущее расположение.

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

Доступные иконки

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

Лицензии

Эти иконки папок взяты из Lucide, Tabler, Heroicons, 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?
Да. Откройте иконку и используйте «Копировать в Webflow» (вставит Code Embed) или «Копировать JSX» для компонента React.