Иконка email/почта awesome

Иконка awesome email/почта. Иногда требуется поставить иконку значка емаил(email), конверт, почту. Где взять такую иконку?

Иконка awesome email/почта

1. Иконка email/почта с заполнением.
2. Иконка email/почта без заполнения.
3. Иконка email/почта с заполнением открытая.
4. Иконка email/почта без заливки открытая.
5. Иконка email/почта в квадрате.
6. Иконка email png (15шт).
7. Иконка email svg (42шт).

Иконка email/почта с заполнением.<

В первом пункте скажу, что существует такой замечательный шрифт, который называется "конечным" - там есть практически все киноки, которые вам потребуются на сайте - FONT_AWESOME, как подключить


Стандартная иконка email/почта с заполнением:

<i class="fa fa-envelope" aria-hidden="true"></i>

Вывод иконки пользователя awesome по умолчанию:

Добавим класс - red_30, увеличим и покрасим:

<style>

.red_30 { color: red;

font-size: 30px;

}

</style>

Далее увеличиваем размер и меняем цвет...




Иконка email/почта без заполнения.

Иконка email/почта без заполнения по умолчанию.

<i class="fa fa-envelope-o" aria-hidden="true"></i>
Результат:

Меняем цвет, размер иконки email/почта без заполнения.

Меняем цвет, размер иконки email/почта без заполнения.

Меняем цвет, размер иконки email/почта без заполнения.




Иконка email/почта с заполнением открытая.

Иконка email/почта с заполнением открытая по умолчанию.

<i class="fa fa-envelope-open" aria-hidden="true"></i>
Результат:

Меняем цвет, размер иконки email/почта с заполнением открытая.

Меняем цвет, размер иконки email/почта с заполнением открытая.

Меняем цвет, размер иконки email/почта с заполнением открытая.




Иконка email/почта без заполнения открытая.

<i class="fa fa-envelope-open-o" aria-hidden="true"></i>
Результат:

Меняем цвет, размер иконки без заполнения открытая email/почта.

Меняем цвет, размер иконки без заполнения открытая email/почта.

Меняем цвет, размер иконки без заполнения открытая email/почта.




Иконка email/почта в квадрате.

<i class="fa fa-envelope-square " aria-hidden="true"></i>
Результат:

Меняем цвет, размер иконки email/почта без заливки.

Меняем цвет, размер иконки email/почта без заливки.

Меняем цвет, размер иконки email/почта без заливки.




Иконка email png ( 15шт ).

Скачать бесплатно иконки email в формате "png" размер 32/64px.





Иконка email svg ( 42шт ).

Скачать бесплатно иконки email в формате "svg"(vector) размер - безразмерный.