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

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

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

Обновлено

phone
Lucidephone
Tablerphone
Heroiconsphone
Phosphorphone
Bootstrap Iconsphone
Iconoirphone-12-filled
Fluent UIphone
Material Design Iconsphone
Carbonphone-log
Lucidephone-filled
Tablerphone-16-solid
Heroiconsphone-bold
Phosphorphone-fill
Bootstrap Iconsphone-solid
Iconoirphone-12-regular
Fluent UIphone-outline
Material Design Iconsphone-filled
Carbonphone-off
Lucidephone-x
Tablerphone-20-solid
Heroiconsphone-duotone
Phosphorphone-flip
Bootstrap Iconsphone-plus
Iconoirphone-16-filled
Fluent UIcellphone
Material Design Iconsphone-ip
Carbonphone-call
Lucidephone-x-filled
Tablerphone-solid
Heroiconsphone-fill
Phosphorphone-plus-solid
Iconoirphone-16-regular
Fluent UIphone-log
Material Design Iconsphone-off
Carbonphone-end
Tablerphone-light
Phosphorphone-20-filled
Fluent UIphone-log-outline
Material Design Iconsphone-off-filled
Carbonphone-off
Tablerphone-thin
Phosphorphone-20-regular
Fluent UIphone-off
Material Design Iconsfile-phone
Tablerphone-x
Phosphorphone-24-filled
Fluent UIphone-off-outline
Material Design Icons

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

Иконки телефонной трубки ставят рядом со ссылками для звонка по клику (tel:) и с контактными данными.

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

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

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

Лицензии

Эти иконки телефона взяты из наборов Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, 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-компонента.