Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

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

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

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

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

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

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

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

    Вывод иконки email/почта awesome по умолчанию:

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

    <style>

    .red_30 { color: red;

    font-size: 30px;

    }

    </style>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Вас может еще заинтересовать список тем : #FONT_AWESOME |
Последняя дата редактирования : 18.12.2020 20:45
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
26/01/2021 12:28
Внимание! На странице описывается система комментирования ECOMMENT.SU.Здесь и далее, на всем сайте, стоит другая…
подробнее.
Марат :
26/01/2021 10:58
На сайте, комментирование моё собственное, которое не знаю, когда …
подробнее.
Вали :
26/01/2021 05:51
А вот эти комментарии тут - это же другие, не те о которых статья?Не…
подробнее.
Вали :
26/01/2021 05:44
Привет, классно!
подробнее.
Марат :
25/01/2021 10:08
Спасибо за добрые слова!Всегда пожалуйста!Приходите…
подробнее.