mirror of
https://github.com/erikflowers/weather-icons.git
synced 2025-10-14 08:22:13 -06:00
449 lines
12 KiB
Plaintext
449 lines
12 KiB
Plaintext
!!! 5
|
|
html(lang="en")
|
|
head
|
|
title Weather Icons - Icon Font inspired by Font Awesome and designed for Bootstrap
|
|
|
|
meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no') script(src='//code.jquery.com/jquery-latest.min.js')
|
|
script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js')
|
|
script(src='//use.typekit.net/xmb4mjl.js')
|
|
script
|
|
try{Typekit.load();}catch(e){} script(src='js/bootstrap.min.js')
|
|
script(src='js/scripts.js')
|
|
link(rel='stylesheet', href='css/styles.css')
|
|
//- link(rel='stylesheet', href='css/weather.css')
|
|
body
|
|
header
|
|
.container
|
|
.row-fluid
|
|
.col-sm-12
|
|
h1 Weather Icons
|
|
.icon
|
|
i.wi-day-cloudy
|
|
|
|
section.share-bar
|
|
.container
|
|
.row
|
|
.col-sm-6.col-offset-3
|
|
|share
|
|
|
|
|
|
section.content.container.intro
|
|
.row
|
|
.col-sm-8
|
|
p Weather Icons is a font of 92 weather themed icons, ready to be dropped right into Bootstrap or any other project. Inspired by Font Awesome, they are infinitley scalable and any CSS that can be applied to text can be applied to them.
|
|
p The icon designs are originally by XXX. The font has been modified slightly for icon-font usage, and turned into a HTML/LESS plugin by me.
|
|
p Verions 0.1
|
|
.col-sm-4
|
|
a.download.btn.btn-primary.btn-large(href="#")
|
|
i.wi-lightning
|
|
| Download Here
|
|
section.content.container.iconExamples
|
|
.row
|
|
.col-sm-12
|
|
h2 Day
|
|
.row
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-day-cloudy-gusts
|
|
.class wi-day-cloudy-gusts
|
|
.example
|
|
.icon
|
|
i.wi-day-cloudy-windy
|
|
.class wi-day-cloudy-windy
|
|
.example
|
|
.icon
|
|
i.wi-day-cloudy
|
|
.class wi-day-cloudy
|
|
.example
|
|
.icon
|
|
i.wi-day-fog
|
|
.class wi-day-fog
|
|
.example
|
|
.icon
|
|
i.wi-day-hail
|
|
.class wi-day-hail
|
|
.example
|
|
.icon
|
|
i.wi-day-lightning
|
|
.class wi-day-lightning
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-day-rain-mix
|
|
.class wi-day-rain-mix
|
|
.example
|
|
.icon
|
|
i.wi-day-rain-wind
|
|
.class wi-day-rain-wind
|
|
.example
|
|
.icon
|
|
i.wi-day-rain
|
|
.class wi-day-rain
|
|
.example
|
|
.icon
|
|
i.wi-day-showers
|
|
.class wi-day-showers
|
|
.example
|
|
.icon
|
|
i.wi-day-snow
|
|
.class wi-day-snow
|
|
.example
|
|
.icon
|
|
i.wi-day-sprinkle
|
|
.class wi-day-sprinkle
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-day-sunny-overcast
|
|
.class wi-day-sunny-overcast
|
|
.example
|
|
.icon
|
|
i.wi-day-sunny
|
|
.class wi-day-sunny
|
|
.example
|
|
.icon
|
|
i.wi-day-storm-showers
|
|
.class wi-day-storm-showers
|
|
.example
|
|
.icon
|
|
i.wi-day-thunderstorm
|
|
.class wi-day-thunderstorm
|
|
.row
|
|
.col-sm-12
|
|
h2 Neutral
|
|
.row
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-cloudy-gusts
|
|
.class wi-cloudy-gusts
|
|
.example
|
|
.icon
|
|
i.wi-cloudy-windy
|
|
.class wi-cloudy-windy
|
|
.example
|
|
.icon
|
|
i.wi-cloudy
|
|
.class wi-cloudy
|
|
.example
|
|
.icon
|
|
i.wi-fog
|
|
.class wi-fog
|
|
.example
|
|
.icon
|
|
i.wi-hail
|
|
.class wi-hail
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-lightning
|
|
.class wi-lightning
|
|
.example
|
|
.icon
|
|
i.wi-rain-mix
|
|
.class wi-rain-mix
|
|
.example
|
|
.icon
|
|
i.wi-rain-wind
|
|
.class wi-rain-wind
|
|
.example
|
|
.icon
|
|
i.wi-rain
|
|
.class wi-rain
|
|
.example
|
|
.icon
|
|
i.wi-showers
|
|
.class wi-showers
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-snow
|
|
.class wi-snow
|
|
.example
|
|
.icon
|
|
i.wi-sprinkle
|
|
.class wi-sprinkle
|
|
.example
|
|
.icon
|
|
i.wi-storm-showers
|
|
.class wi-storm-showers
|
|
.example
|
|
.icon
|
|
i.wi-thunderstorm
|
|
.class wi-thunderstorm
|
|
|
|
.row
|
|
.col-sm-12
|
|
h2 Night
|
|
.row
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-cloudy-gusts
|
|
.class wi-night-alt-cloudy-gusts
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-cloudy-windy
|
|
.class wi-night-alt-cloudy-windy
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-hail
|
|
.class wi-night-alt-hail
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-lightning
|
|
.class wi-night-alt-lightning
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-rain-mix
|
|
.class wi-night-alt-rain-mix
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-rain-wind
|
|
.class wi-night-alt-rain-wind
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-rain
|
|
.class wi-night-alt-rain
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-showers
|
|
.class wi-night-alt-showers
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-snow
|
|
.class wi-night-alt-snow
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-sprinkle
|
|
.class wi-night-alt-sprinkle
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-storm-showers
|
|
.class wi-night-alt-storm-showers
|
|
.example
|
|
.icon
|
|
i.wi-night-alt-thunderstorm
|
|
.class wi-night-alt-thunderstorm
|
|
.example
|
|
.icon
|
|
i.wi-night-clear
|
|
.class wi-night-clear
|
|
.example
|
|
.icon
|
|
i.wi-night-cloudy-gusts
|
|
.class wi-night-cloudy-gusts
|
|
.example
|
|
.icon
|
|
i.wi-night-cloudy-windy
|
|
.class wi-night-cloudy-windy
|
|
.example
|
|
.icon
|
|
i.wi-night-cloudy
|
|
.class wi-night-cloudy
|
|
.example
|
|
.icon
|
|
i.wi-night-hail
|
|
.class wi-night-hail
|
|
.example
|
|
.icon
|
|
i.wi-night-lightning
|
|
.class wi-night-lightning
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-night-rain-mix
|
|
.class wi-night-rain-mix
|
|
.example
|
|
.icon
|
|
i.wi-night-rain-wind
|
|
.class wi-night-rain-wind
|
|
.example
|
|
.icon
|
|
i.wi-night-rain
|
|
.class wi-night-rain
|
|
.example
|
|
.icon
|
|
i.wi-night-showers
|
|
.class wi-night-showers
|
|
.example
|
|
.icon
|
|
i.wi-night-snow
|
|
.class wi-night-snow
|
|
.example
|
|
.icon
|
|
i.wi-night-sprinkle
|
|
.class wi-night-sprinkle
|
|
.example
|
|
.icon
|
|
i.wi-night-storm-showers
|
|
.class wi-night-storm-showers
|
|
.example
|
|
.icon
|
|
i.wi-night-thunderstorm
|
|
.class wi-night-thunderstorm
|
|
|
|
.row
|
|
.col-sm-12
|
|
h2 Misc
|
|
.row
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-celcius
|
|
.class wi-celcius
|
|
.example
|
|
.icon
|
|
i.wi-cloud-down
|
|
.class wi-cloud-down
|
|
.example
|
|
.icon
|
|
i.wi-cloud-refresh
|
|
.class wi-cloud-refresh
|
|
.example
|
|
.icon
|
|
i.wi-cloud-up
|
|
.class wi-cloud-up
|
|
.example
|
|
.icon
|
|
i.wi-cloud
|
|
.class wi-cloud
|
|
.example
|
|
.icon
|
|
i.wi-degrees
|
|
.class wi-degrees
|
|
.example
|
|
.icon
|
|
i.wi-down-left
|
|
.class wi-down-left
|
|
.example
|
|
.icon
|
|
i.wi-down
|
|
.class wi-down
|
|
.example
|
|
.icon
|
|
i.wi-fahrenheit
|
|
.class wi-fahrenheit
|
|
.example
|
|
.icon
|
|
i.wi-horizon-alt
|
|
.class wi-horizon-alt
|
|
.example
|
|
.icon
|
|
i.wi-horizon
|
|
.class wi-horizon
|
|
.example
|
|
.icon
|
|
i.wi-left
|
|
.class wi-left
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-lightning
|
|
.class wi-lightning
|
|
.example
|
|
.icon
|
|
i.wi-night-fog
|
|
.class wi-night-fog
|
|
.example
|
|
.icon
|
|
i.wi-refresh-alt
|
|
.class wi-refresh-alt
|
|
.example
|
|
.icon
|
|
i.wi-refresh
|
|
.class wi-refresh
|
|
.example
|
|
.icon
|
|
i.wi-right
|
|
.class wi-right
|
|
.example
|
|
.icon
|
|
i.wi-sprinkles
|
|
.class wi-sprinkles
|
|
.example
|
|
.icon
|
|
i.wi-strong-wind
|
|
.class wi-sunrise
|
|
.example
|
|
.icon
|
|
i.wi-sunrise
|
|
.class wi-sunrise
|
|
.example
|
|
.icon
|
|
i.wi-sunset
|
|
.class wi-sunset
|
|
.example
|
|
.icon
|
|
i.wi-thermometer-exterior
|
|
.class wi-thermometer-exterior
|
|
.example
|
|
.icon
|
|
i.wi-thermometer-internal
|
|
.class wi-thermometer-internal
|
|
.example
|
|
.icon
|
|
i.wi-thermometer
|
|
.class wi-thermometer
|
|
.col-sm-4
|
|
.example
|
|
.icon
|
|
i.wi-tornado
|
|
.class wi-tornado
|
|
.example
|
|
.icon
|
|
i.wi-up-right
|
|
.class wi-up-right
|
|
.example
|
|
.icon
|
|
i.wi-up
|
|
.class wi-up
|
|
.example
|
|
.icon
|
|
i.wi-wind-east
|
|
.class wi-wind-east
|
|
.example
|
|
.icon
|
|
i.wi-wind-north-east
|
|
.class wi-wind-north-east
|
|
.example
|
|
.icon
|
|
i.wi-wind-north-west
|
|
.class wi-wind-north-west
|
|
.example
|
|
.icon
|
|
i.wi-wind-north
|
|
.class wi-wind-north
|
|
.example
|
|
.icon
|
|
i.wi-wind-south-east
|
|
.class wi-wind-south-east
|
|
.example
|
|
.icon
|
|
i.wi-wind-south-west
|
|
.class wi-wind-south-west
|
|
.example
|
|
.icon
|
|
i.wi-wind-south
|
|
.class wi-wind-south
|
|
.example
|
|
.icon
|
|
i.wi-wind-west
|
|
.class wi-wind-west
|
|
.example
|
|
.icon
|
|
i.wi-windy
|
|
.class wi-windy
|
|
|
|
footer
|
|
.container
|
|
.row-fluid
|
|
.col-sm-12
|
|
p
|
|
i.wi-day-cloudy
|
|
|The Weather Icons 0.1 project created and maintained by Erik Flowers. Original artwork by XXX.
|
|
p Weather Icons are designed to work with Bootstrap, but can work with any project.
|
|
p LESS/HTML implementation inspired and heavily influenced by Font Awesome
|