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

Поддержи проект!!!

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

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

1. Иконка email/почта с заполнением.
2. Иконка email/почта без заполнения.
3. Иконка email/почта с заполнением открытая.
4. Иконка email/почта без заливки открытая.
5. Иконка email/почта в квадрате.

Скопировать ссылку

Иконка 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/почта без заливки.

---

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

Теги:
emailпочта awesome