Иконка youtube/awesome

Иконка awesome youtube, + "иконка youtube в квадрате".

Иконка awesome youtube

1. Иконка youtube/эмблема.
2. Иконка youtube-play/значок youtube проигрыватель пуск.
3. Иконка youtube-square/знак youtube в квадрате.

Иконка youtube/эмблема.

Вообще о FONT_AWESOME и как подключить


Стандартная иконка youtube/эмблема:

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

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

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

<style>

.red_30 { color: red;

font-size: 30px;

}

</style>

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




Иконка youtube-play/значок youtube проигрыватель пуск.

Иконка youtube-play/значок youtube проигрыватель пуск по умолчанию.

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

Меняем цвет, размер иконки youtube-play/значок youtube проигрыватель пуск.

Меняем цвет, размер иконки youtube-play/значок youtube проигрыватель пуск.

Меняем цвет, размер иконки youtube-play/значок youtube проигрыватель пуск.




Иконка youtube/знак youtube в квадрате.

Иконка youtube/знак youtube в квадрате по умолчанию.

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

Меняем цвет, размер иконки youtube/знак youtube в квадрате.

Меняем цвет, размер иконки youtube/знак youtube в квадрате.

Меняем цвет, размер иконки youtube/знак youtube в квадрате.