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

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

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

Обновлено

lock
Lucidelock
Tablerlock
Phosphorlock
Bootstrap Iconslock
Iconoirtag-lock-16-filled
Fluent UIlock
Material Symbolslock
Material Design Iconslock-filled
Tablerlock-bold
Phosphorlock-fill
Bootstrap Iconstag-lock-16-regular
Fluent UIlock-outline
Material Symbolslock-outline
Material Design Iconslock-x
Tablerlock-duotone
Phosphortag-lock-20-filled
Fluent UIlock-outline-sharp
Material Symbolseye-lock
Material Design Iconslock-up
Tablerlock-fill
Phosphortag-lock-20-regular
Fluent UIlock-sharp
Material Symbolseye-lock-outline
Material Design Iconslock-cog
Tablerlock-light
Phosphortag-lock-24-filled
Fluent UIcar-lock
Material Symbolslock-off
Material Design Iconslock-off
Tablerlock-thin
Phosphortag-lock-24-regular
Fluent UIcar-lock-outline
Material Symbolslock-off-outline
Material Design Iconslock-pin
Tablerlock-key
Phosphortag-lock-32-filled
Fluent UIcar-lock-outline-rounded
Material Symbolspen-lock
Material Design Iconsmap-lock
Tablerlock-key-bold
Phosphortag-lock-32-regular
Fluent UIcar-lock-outline-sharp
Material Symbolsaxis-lock
Material Design Iconsfile-lock
Tablerlock-key-duotone
Phosphorcar-lock-rounded
Material Symbolsbook-lock
Material Design Icons

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

Замки обозначают безопасность, приватный контент, пароли и заблокированные настройки.

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

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

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

Лицензии

Эти иконки замков взяты из наборов Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons — открытых наборов под лицензиями 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-компонента.