СКРИПТЫ alt phpjshtmlcssblog
ТЕГИ:
php (267)
js (136)
html (133)
css (96)
html tags (58)
edit text (37)
jquery (36)
form html (29)
php array (28)
foto (23)
fonts (22)
forum (19)
atom (17)
board (17)
hosting (17)
html book (17)
Показать еще :
svg (16)
js method (16)
php file (15)
ruweb.net (15)
color (14)
osclass (13)
htaccess (13)
path (12)
table (12)
input (11)
icon (11)
info (11)
online (11)
yandex (11)
php date (11)
notepad (11)
js delete (11)
php img (10)
url (10)
jsphp (10)
form (8)
task (7)
cookie (7)
comment (7)
php url (7)
click (6)
ftp (6)
js url (6)
value (5)
reg.ru (5)
mb (5)
adminka (5)
js id (4)
bbcode (4)
js form (4)
select (4)
search (4)
js copy (4)
vk (3)
captcha (3)
js time (3)
iframe (3)
vs code (3)
sitemap (2)
js post (2)
browser (2)
console (2)
seo (2)
tag hr (2)
ukoz (2)
header (1)
archive (1)
smile (1)
numbers (1)
ssl (1)
books (1)

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

Иконка 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>

    Вывод иконки пользователя 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/почта без заливки.

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

Последние комментарии :
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
Марат :
23/07/2021 10:58
Сам офигеваю...
подробнее.