Bootstrap 3 - Иконки погоды

Бесплатный набор иконок для платформы Twitter Bootstrap, выполненный в виде шрифта, как Font Awesome и Glyphicons. Набор состоит из 123 значков, которые выполнены очень качественно и хорошо масштабируются.

Ниже приведены некоторые иконки из этого набора. С полным перечнем значков можно познакомиться на странице проекта "Weather-icons", который расположен на GitHub.


wi-day-lightning
wi-sprinkles
wi-hot
wi-snow-wind
wi-cloud-down
wi-lightning
wi-day-cloudy-gusts
wi-day-cloudy-windy
wi-day-fog
wi-day-sunny
wi-day-snow
wi-smoke
wi-thermometer
wi-strong-wind
wi-night-thunderstorm
wi-night-sprinkle
wi-night-cloudy
wi-night-alt-snow
wi-night-rain
wi-day-cloudy-windy
wi-solar-eclipse
wi-meteor
wi-tornado
wi-sunrise
wi-sunset
wi-night-rain-mix
wi-thermometer-exterior
wi-wind-north-west

Установка иконок ни чем не отличается от Font Awesome и состоит, как правило, из 3 простых шагов. На первом шаге необходимо скачать zip архив и распаковать его в свой bootstrap проект.

Скачать с сайта Скачать с Github

На втором шаге необходимо подключить CSS файл weather-icons.min.css к веб-странице в разделе head.

<head>
...
<link rel="stylesheet" href="css/weather-icons.min.css">
...
</head>

На третьем шаге используем иконки, которые можно поместить практически в любом месте с помощью префикса wi и имени иконки.

Например:

<p style="font-size:30px;"><i class="wi wi-night-alt-lightning"></i><i class="wi wi-night-cloudy"></i><i class="wi wi-rain"></i></p>
<hr>
<p style="font-size:50px;"><i class="wi wi-sunrise"></i><i class="wi wi-night-fog"></i></p>
<hr>
<p style="font-size:100px;"><i class="wi wi-night-alt-snow-wind"></i></p>



Скачать пример


   Bootstrap 0    3132 0

Комментарии (0)

    Вы должны авторизоваться, чтобы оставлять комментарии.