Иконка пользователь awesome

Иконка awesome пользователь(user). Не ожидал, что разновидной стей иконок такое количество.

Иконка awesome пользователь(user)

1. Иконка пользователь(user) с заполнением.
2. Иконка пользователь(user) с плюсом.
3. Иконка пользователи(user's) несколько иконок.
4. Иконка пользователь без заливки(user-o) по умолчанию.
5. Иконка пользователь мужчина(male) по умолчанию.
6. Иконка пользователь секретный агент(user-secret).
7. Иконка пользователь женщина(female).
8. Иконка пользователь в круге(user-circle).
9. Иконка пользователь(user-md) медик.

Иконка пользователь(user) с заполнением.<

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


Стандартная иконка пользователь с заполнением:

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

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

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

<style>

.red_30 { color: red;

font-size: 30px;

}

</style>

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




Иконка пользователь(user) с плюсом.

Иконка пользователь(user) с плюсом по умолчанию.

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

Меняем цвет, размер иконки пользователь(user) с плюсом.

Меняем цвет, размер иконки пользователь(user) с плюсом.

Меняем цвет, размер иконки пользователь(user) с плюсом.




Иконка пользователи(user's) несколько иконок.

Иконка пользователи(user's) несколько иконок по умолчанию.

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

Меняем цвет, размер иконки пользователи(user's) несколько иконок.

Меняем цвет, размер иконки пользователи(user's) несколько иконок.

Меняем цвет, размер иконки пользователи(user's) несколько иконок.




Иконка пользователь без заливки(user-o) по умолчанию.

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

Меняем цвет, размер иконки пользователь (user-o) без заливки.

Меняем цвет, размер иконки пользователь (user-o) без заливки.

Меняем цвет, размер иконки пользователь (user-o) без заливки.




Иконка пользователь мужчина(male) по умолчанию.

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

Меняем цвет, размер иконки пользователи(male) пользователь мужчина.

Меняем цвет, размер иконки пользователи(male) пользователь мужчина.

Меняем цвет, размер иконки пользователи(male) пользователь мужчина.




Иконка пользователь секретный агент(user-secret).

Иконка пользователь секретный агент(user-secret) по умолчанию.

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

Меняем цвет, размер иконки пользователи(user-secret) пользователь секретный агент.

Меняем цвет, размер иконки пользователи(user-secret) пользователь секретный агент.

Меняем цвет, размер иконки пользователи(user-secret) пользователь секретный агент.




Иконка пользователь женщина(female).

Иконка пользователь женщина(female) по умолчанию.

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

Меняем цвет, размер иконки пользователи(female) пользователь женщина.

Меняем цвет, размер иконки пользователи(female) пользователь женщина.

Меняем цвет, размер иконки пользователи(female) пользователь женщина.




Иконка пользователь в круге(user-circle).

Иконка пользователь в круге(user-circle) по умолчанию.

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

Меняем цвет, размер иконки пользователи(user-circle) пользователь в круге.

Меняем цвет, размер иконки пользователи(user-circle) пользователь в круге.

Меняем цвет, размер иконки пользователи(user-circle) пользователь в круге.




Иконка пользователь(user-md) медик.

Иконка пользователь(user-md) медик по умолчанию.

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

Меняем цвет, размер иконки пользователи(user-md) пользователь медик.

Меняем цвет, размер иконки пользователи(user-md) пользователь медик.

Меняем цвет, размер иконки пользователи(user-md) пользователь медик.