Иконка Библиотеки
С W3.CSS вы можете использовать любую библиотеку значков, как:
- Шрифт Высокий Иконки
- Google Материал Иконки
- Bootstrap Иконки
Использование иконок
Чтобы использовать значок, просто добавьте имя значка к классу с HTML <I> элемента.
Для того, чтобы контролировать размер значка, изменить свойство размера шрифта значка, или использовать классы w3- размер:
- W3-крошечное
- W3-маленький
- W3-большой
- W3-XXLarge
- W3-XXXLarge
Шрифт Высокий Иконки
фа фа-домой
Ф.А. к.-а.-бары
фа фа-стрелка-влево
фа фа-стрелка-вправо
фа фа-поиска
фа фа-близко
фа фа-обновления
фа фа-трэш
фа фа-самец
фа фа-автомобиль
фа фа-грузовик
фа фа-плоскости
пример
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet"
href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body>
<i class="fa fa-cloud"></i>
<i class="fa fa-cloud
w3-large"></i>
<i class="fa fa-cloud w3-xlarge"></i>
<i class="fa fa-cloud
w3-xxlarge"></i>
<i class="fa fa-cloud w3-xxxlarge"></i>
<i class="fa fa-cloud
w3-text-teal"
style="font-size:64px"></i>
</body>
</html>
Попробуй сам " Для получения полного списка иконок: Посетите нашу ссылку значок
Google Материал Дизайн Иконки
Главная
Главная
Главная
меню
меню
меню
arrow_back
arrow_back
arrow_back
arrow_forward
arrow_forward
arrow_forward
поиск
поиск
поиск
Закрыть
Закрыть
Закрыть
обновление
обновление
обновление
Удалить
Удалить
Удалить
человек
человек
человек
directions_car
directions_car
directions_car
local_shipping
local_shipping
local_shipping
local_airport
local_airport
local_airport
пример
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<body>
<i class="material-icons">cloud</i>
<i class="material-icons w3-large">cloud</i>
<i
class="material-icons w3-xlarge">cloud</i>
<i class="material-icons
w3-xxlarge">cloud</i>
<i class="material-icons w3-xxxlarge">cloud</i>
<i
class="material-icons w3-text-teal" style="font-size:64px">cloud</i>
</body>
</html>
Попробуй сам " Bootstrap Иконки
Главная
меню гамбургер
arrow_back
arrow_forward
поиск
Удалить
обновление
мусор
пользователь
файл
Распечатать
самолет
пример
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<body>
<i class="glyphicon
glyphicon-cloud"></i>
<i class="glyphicon glyphicon-cloud w3-large"></i>
<i class="glyphicon glyphicon-cloud w3-xlarge"></i>
<i class="glyphicon
glyphicon-cloud w3-xxlarge"></i>
<i class="glyphicon glyphicon-cloud
w3-xxxlarge"></i>
<i class="glyphicon glyphicon-cloud w3-text-teal"
style="font-size:64px"></i>
</body>
</html>
Попробуй сам "