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

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

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

Обновлено

mail
Lucidemail
Tablermail
Iconoirmail-12-filled
Fluent UImail
Material Symbolsmail
Material Design Iconsmail-all
Carbonmail-x
Lucidemail-filled
Tablermail-solid
Iconoirmail-12-regular
Fluent UImail-outline
Material Symbolsemail-outline
Material Design Iconsmail-dot
Lucidemail-x
Tablermail-in
Iconoirmail-16-filled
Fluent UImail-outline-rounded
Material Symbolsmail-pen
Lucidemail-ai
Tablermail-in-solid
Iconoirmail-16-regular
Fluent UImail-outline-sharp
Material Symbolsmail-open
Lucidemail-up
Tablermail-out
Iconoirmail-20-filled
Fluent UImail-rounded
Material Symbolsmail-plus
Lucidemail-cog
Tablermail-out-solid
Iconoirmail-20-regular
Fluent UImail-sharp
Material Symbolsmail-off
Tablermail-open
Iconoirmail-24-filled
Fluent UImail-off
Material Symbolsmail-pin
Tablermail-open-solid
Iconoirmail-24-regular
Fluent UImail-off-outline
Material Symbolsmail-bolt
Tablersend-mail
Iconoirmail-28-filled
Fluent UImail-off-outline-rounded
Material Symbolsmail-code
Tablersend-mail-solid
Iconoirmail-28-regular
Fluent UI

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

Иконки-конверты обозначают адреса электронной почты, подписки на рассылки и входящие сообщения.

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

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

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

Лицензии

Эти иконки почты взяты из Lucide, Tabler, 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.