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

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

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

Обновлено

check
Lucidecheck
Tablercheck
Heroiconscheck
Phosphorcheck
Bootstrap Iconscheck
Iconoircheck-20-filled
Fluent UIcheck
Material Symbolscheck
Material Design Iconscheck-line
Lucidecheck-filled
Tablercheck-16-solid
Heroiconscheck-bold
Phosphorcheck-lg
Bootstrap Iconspc-check
Iconoircheck-20-regular
Fluent UIcheck-rounded
Material Symbolscheck-bold
Material Design Iconseye-check
Tablercheck-20-solid
Heroiconscheck-duotone
Phosphorbag-check
Bootstrap Iconscheck-24-filled
Fluent UIcheck-box
Material Symbolscheck-outline
Material Design Iconsmap-check
Tablercheck-solid
Heroiconscheck-fill
Phosphorbag-check-fill
Bootstrap Iconscheck-24-regular
Fluent UIcheck-box-outline
Material Symbolscheckbox-outline
Material Design Iconsbell-check
Tablercheck-light
Phosphorcheck-all
Bootstrap Iconscheck-box-outline-rounded
Material Symbolsbug-check
Material Design Iconscopy-check
Tablercheck-thin
Phosphorcheck-box-outline-sharp
Material Symbolsbug-check-outline
Material Design Iconscopy-check-filled
Tablercheck-fat
Phosphorcheck-box-rounded
Material Symbolscheck-all
Material Design Iconsfile-check
Tablercheck-fat-bold
Phosphorcheck-box-sharp
Material Symbols

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

Галочки подтверждают успех, выбранные варианты и завершённые шаги; галочка в круге воспринимается как более явное «готово».

Все иконки здесь следуют 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. Это открытые наборы под лицензиями 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.