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

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

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

Обновлено

star
Lucidestar
Tablerstar
Heroiconsstar
Phosphorstar
Bootstrap Iconsstar
Iconoirstar-12-filled
Fluent UIstar
Material Symbolsstar
Material Design Iconsstar
Carbonstar-x
Lucidestar-filled
Tablerstar-16-solid
Heroiconsstar-bold
Phosphorstar-fill
Bootstrap Iconsstar-solid
Iconoirstar-12-regular
Fluent UIstar-outline
Material Symbolsstar-outline
Material Design Iconsstar-filled
Carbonstar-off
Lucideeye-star
Tablerstar-20-solid
Heroiconsstar-duotone
Phosphordoc-star
Iconoirstar-16-filled
Fluent UIstar-outline-rounded
Material Symbolskey-star
Material Design Iconsmap-star
Tablerstar-solid
Heroiconsstar-fill
Phosphorstar-16-regular
Fluent UIstar-rounded
Material Symbolsstar-box
Material Design Iconsstar-off
Tablerstar-light
Phosphorstar-20-filled
Fluent UIkid-star
Material Symbolsstar-box-outline
Material Design Iconsbell-star
Tablerstar-thin
Phosphorstar-20-regular
Fluent UIkid-star-outline
Material Symbolsstar-cog
Material Design Iconsfile-star
Tablerstar-24-filled
Fluent UIkid-star-outline-sharp
Material Symbolsstar-cog-outline
Material Design Icons

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

Звёзды используют для оценок и избранного; наполовину заполненные звёзды показывают средние значения, например 4.5.

Все иконки здесь используют 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, поэтому задайте свойство color в CSS у родительского элемента. Или откройте иконку в поиске и выберите фиксированный цвет перед копированием.
Можно ли использовать эти иконки в Webflow или React?
Да. Откройте иконку и нажмите Copy to Webflow (вставит Code Embed) или Copy JSX для React-компонента.