qweather-icons
Version:
Open source weather SVG icons and fonts, for QWeather and all developers
2,077 lines (2,070 loc) • 110 kB
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>qweather-icons</title>
<style>
.icons {
display: grid;
max-width: 100%;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 1.25rem;
}
.icon {
background-color: transparent;
border-radius: .25rem;
font-size: 1.5rem;
text-align: center;
}
.label {
font-family: qweather-icons;
}
.label {
display: inline-block;
width: 100%;
overflow: hidden;
font-size: .625rem;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<link rel="stylesheet" href="qweather-icons.css">
</head>
<body class="text-center">
<h1>qweather-icons</h1>
<div class="icons">
<div class="icon">
<i class="qi-100"></i>
<div class="label">100</div>
</div>
<div class="icon">
<i class="qi-101"></i>
<div class="label">101</div>
</div>
<div class="icon">
<i class="qi-102"></i>
<div class="label">102</div>
</div>
<div class="icon">
<i class="qi-103"></i>
<div class="label">103</div>
</div>
<div class="icon">
<i class="qi-104"></i>
<div class="label">104</div>
</div>
<div class="icon">
<i class="qi-150"></i>
<div class="label">150</div>
</div>
<div class="icon">
<i class="qi-151"></i>
<div class="label">151</div>
</div>
<div class="icon">
<i class="qi-152"></i>
<div class="label">152</div>
</div>
<div class="icon">
<i class="qi-153"></i>
<div class="label">153</div>
</div>
<div class="icon">
<i class="qi-300"></i>
<div class="label">300</div>
</div>
<div class="icon">
<i class="qi-301"></i>
<div class="label">301</div>
</div>
<div class="icon">
<i class="qi-302"></i>
<div class="label">302</div>
</div>
<div class="icon">
<i class="qi-303"></i>
<div class="label">303</div>
</div>
<div class="icon">
<i class="qi-304"></i>
<div class="label">304</div>
</div>
<div class="icon">
<i class="qi-305"></i>
<div class="label">305</div>
</div>
<div class="icon">
<i class="qi-306"></i>
<div class="label">306</div>
</div>
<div class="icon">
<i class="qi-307"></i>
<div class="label">307</div>
</div>
<div class="icon">
<i class="qi-308"></i>
<div class="label">308</div>
</div>
<div class="icon">
<i class="qi-309"></i>
<div class="label">309</div>
</div>
<div class="icon">
<i class="qi-310"></i>
<div class="label">310</div>
</div>
<div class="icon">
<i class="qi-311"></i>
<div class="label">311</div>
</div>
<div class="icon">
<i class="qi-312"></i>
<div class="label">312</div>
</div>
<div class="icon">
<i class="qi-313"></i>
<div class="label">313</div>
</div>
<div class="icon">
<i class="qi-314"></i>
<div class="label">314</div>
</div>
<div class="icon">
<i class="qi-315"></i>
<div class="label">315</div>
</div>
<div class="icon">
<i class="qi-316"></i>
<div class="label">316</div>
</div>
<div class="icon">
<i class="qi-317"></i>
<div class="label">317</div>
</div>
<div class="icon">
<i class="qi-318"></i>
<div class="label">318</div>
</div>
<div class="icon">
<i class="qi-350"></i>
<div class="label">350</div>
</div>
<div class="icon">
<i class="qi-351"></i>
<div class="label">351</div>
</div>
<div class="icon">
<i class="qi-399"></i>
<div class="label">399</div>
</div>
<div class="icon">
<i class="qi-400"></i>
<div class="label">400</div>
</div>
<div class="icon">
<i class="qi-401"></i>
<div class="label">401</div>
</div>
<div class="icon">
<i class="qi-402"></i>
<div class="label">402</div>
</div>
<div class="icon">
<i class="qi-403"></i>
<div class="label">403</div>
</div>
<div class="icon">
<i class="qi-404"></i>
<div class="label">404</div>
</div>
<div class="icon">
<i class="qi-405"></i>
<div class="label">405</div>
</div>
<div class="icon">
<i class="qi-406"></i>
<div class="label">406</div>
</div>
<div class="icon">
<i class="qi-407"></i>
<div class="label">407</div>
</div>
<div class="icon">
<i class="qi-408"></i>
<div class="label">408</div>
</div>
<div class="icon">
<i class="qi-409"></i>
<div class="label">409</div>
</div>
<div class="icon">
<i class="qi-410"></i>
<div class="label">410</div>
</div>
<div class="icon">
<i class="qi-456"></i>
<div class="label">456</div>
</div>
<div class="icon">
<i class="qi-457"></i>
<div class="label">457</div>
</div>
<div class="icon">
<i class="qi-499"></i>
<div class="label">499</div>
</div>
<div class="icon">
<i class="qi-500"></i>
<div class="label">500</div>
</div>
<div class="icon">
<i class="qi-501"></i>
<div class="label">501</div>
</div>
<div class="icon">
<i class="qi-502"></i>
<div class="label">502</div>
</div>
<div class="icon">
<i class="qi-503"></i>
<div class="label">503</div>
</div>
<div class="icon">
<i class="qi-504"></i>
<div class="label">504</div>
</div>
<div class="icon">
<i class="qi-507"></i>
<div class="label">507</div>
</div>
<div class="icon">
<i class="qi-508"></i>
<div class="label">508</div>
</div>
<div class="icon">
<i class="qi-509"></i>
<div class="label">509</div>
</div>
<div class="icon">
<i class="qi-510"></i>
<div class="label">510</div>
</div>
<div class="icon">
<i class="qi-511"></i>
<div class="label">511</div>
</div>
<div class="icon">
<i class="qi-512"></i>
<div class="label">512</div>
</div>
<div class="icon">
<i class="qi-513"></i>
<div class="label">513</div>
</div>
<div class="icon">
<i class="qi-514"></i>
<div class="label">514</div>
</div>
<div class="icon">
<i class="qi-515"></i>
<div class="label">515</div>
</div>
<div class="icon">
<i class="qi-800"></i>
<div class="label">800</div>
</div>
<div class="icon">
<i class="qi-801"></i>
<div class="label">801</div>
</div>
<div class="icon">
<i class="qi-802"></i>
<div class="label">802</div>
</div>
<div class="icon">
<i class="qi-803"></i>
<div class="label">803</div>
</div>
<div class="icon">
<i class="qi-804"></i>
<div class="label">804</div>
</div>
<div class="icon">
<i class="qi-805"></i>
<div class="label">805</div>
</div>
<div class="icon">
<i class="qi-806"></i>
<div class="label">806</div>
</div>
<div class="icon">
<i class="qi-807"></i>
<div class="label">807</div>
</div>
<div class="icon">
<i class="qi-900"></i>
<div class="label">900</div>
</div>
<div class="icon">
<i class="qi-901"></i>
<div class="label">901</div>
</div>
<div class="icon">
<i class="qi-999"></i>
<div class="label">999</div>
</div>
<div class="icon">
<i class="qi-1001"></i>
<div class="label">1001</div>
</div>
<div class="icon">
<i class="qi-1002"></i>
<div class="label">1002</div>
</div>
<div class="icon">
<i class="qi-1003"></i>
<div class="label">1003</div>
</div>
<div class="icon">
<i class="qi-1004"></i>
<div class="label">1004</div>
</div>
<div class="icon">
<i class="qi-1005"></i>
<div class="label">1005</div>
</div>
<div class="icon">
<i class="qi-1006"></i>
<div class="label">1006</div>
</div>
<div class="icon">
<i class="qi-1007"></i>
<div class="label">1007</div>
</div>
<div class="icon">
<i class="qi-1008"></i>
<div class="label">1008</div>
</div>
<div class="icon">
<i class="qi-1009"></i>
<div class="label">1009</div>
</div>
<div class="icon">
<i class="qi-1010"></i>
<div class="label">1010</div>
</div>
<div class="icon">
<i class="qi-1011"></i>
<div class="label">1011</div>
</div>
<div class="icon">
<i class="qi-1012"></i>
<div class="label">1012</div>
</div>
<div class="icon">
<i class="qi-1013"></i>
<div class="label">1013</div>
</div>
<div class="icon">
<i class="qi-1014"></i>
<div class="label">1014</div>
</div>
<div class="icon">
<i class="qi-1015"></i>
<div class="label">1015</div>
</div>
<div class="icon">
<i class="qi-1016"></i>
<div class="label">1016</div>
</div>
<div class="icon">
<i class="qi-1017"></i>
<div class="label">1017</div>
</div>
<div class="icon">
<i class="qi-1018"></i>
<div class="label">1018</div>
</div>
<div class="icon">
<i class="qi-1019"></i>
<div class="label">1019</div>
</div>
<div class="icon">
<i class="qi-1020"></i>
<div class="label">1020</div>
</div>
<div class="icon">
<i class="qi-1021"></i>
<div class="label">1021</div>
</div>
<div class="icon">
<i class="qi-1022"></i>
<div class="label">1022</div>
</div>
<div class="icon">
<i class="qi-1023"></i>
<div class="label">1023</div>
</div>
<div class="icon">
<i class="qi-1024"></i>
<div class="label">1024</div>
</div>
<div class="icon">
<i class="qi-1025"></i>
<div class="label">1025</div>
</div>
<div class="icon">
<i class="qi-1026"></i>
<div class="label">1026</div>
</div>
<div class="icon">
<i class="qi-1027"></i>
<div class="label">1027</div>
</div>
<div class="icon">
<i class="qi-1028"></i>
<div class="label">1028</div>
</div>
<div class="icon">
<i class="qi-1029"></i>
<div class="label">1029</div>
</div>
<div class="icon">
<i class="qi-1030"></i>
<div class="label">1030</div>
</div>
<div class="icon">
<i class="qi-1031"></i>
<div class="label">1031</div>
</div>
<div class="icon">
<i class="qi-1032"></i>
<div class="label">1032</div>
</div>
<div class="icon">
<i class="qi-1033"></i>
<div class="label">1033</div>
</div>
<div class="icon">
<i class="qi-1034"></i>
<div class="label">1034</div>
</div>
<div class="icon">
<i class="qi-1035"></i>
<div class="label">1035</div>
</div>
<div class="icon">
<i class="qi-1036"></i>
<div class="label">1036</div>
</div>
<div class="icon">
<i class="qi-1037"></i>
<div class="label">1037</div>
</div>
<div class="icon">
<i class="qi-1038"></i>
<div class="label">1038</div>
</div>
<div class="icon">
<i class="qi-1039"></i>
<div class="label">1039</div>
</div>
<div class="icon">
<i class="qi-1040"></i>
<div class="label">1040</div>
</div>
<div class="icon">
<i class="qi-1041"></i>
<div class="label">1041</div>
</div>
<div class="icon">
<i class="qi-1042"></i>
<div class="label">1042</div>
</div>
<div class="icon">
<i class="qi-1043"></i>
<div class="label">1043</div>
</div>
<div class="icon">
<i class="qi-1044"></i>
<div class="label">1044</div>
</div>
<div class="icon">
<i class="qi-1045"></i>
<div class="label">1045</div>
</div>
<div class="icon">
<i class="qi-1046"></i>
<div class="label">1046</div>
</div>
<div class="icon">
<i class="qi-1047"></i>
<div class="label">1047</div>
</div>
<div class="icon">
<i class="qi-1048"></i>
<div class="label">1048</div>
</div>
<div class="icon">
<i class="qi-1049"></i>
<div class="label">1049</div>
</div>
<div class="icon">
<i class="qi-1050"></i>
<div class="label">1050</div>
</div>
<div class="icon">
<i class="qi-1051"></i>
<div class="label">1051</div>
</div>
<div class="icon">
<i class="qi-1052"></i>
<div class="label">1052</div>
</div>
<div class="icon">
<i class="qi-1053"></i>
<div class="label">1053</div>
</div>
<div class="icon">
<i class="qi-1054"></i>
<div class="label">1054</div>
</div>
<div class="icon">
<i class="qi-1055"></i>
<div class="label">1055</div>
</div>
<div class="icon">
<i class="qi-1056"></i>
<div class="label">1056</div>
</div>
<div class="icon">
<i class="qi-1057"></i>
<div class="label">1057</div>
</div>
<div class="icon">
<i class="qi-1058"></i>
<div class="label">1058</div>
</div>
<div class="icon">
<i class="qi-1059"></i>
<div class="label">1059</div>
</div>
<div class="icon">
<i class="qi-1060"></i>
<div class="label">1060</div>
</div>
<div class="icon">
<i class="qi-1061"></i>
<div class="label">1061</div>
</div>
<div class="icon">
<i class="qi-1062"></i>
<div class="label">1062</div>
</div>
<div class="icon">
<i class="qi-1063"></i>
<div class="label">1063</div>
</div>
<div class="icon">
<i class="qi-1064"></i>
<div class="label">1064</div>
</div>
<div class="icon">
<i class="qi-1065"></i>
<div class="label">1065</div>
</div>
<div class="icon">
<i class="qi-1066"></i>
<div class="label">1066</div>
</div>
<div class="icon">
<i class="qi-1067"></i>
<div class="label">1067</div>
</div>
<div class="icon">
<i class="qi-1068"></i>
<div class="label">1068</div>
</div>
<div class="icon">
<i class="qi-1069"></i>
<div class="label">1069</div>
</div>
<div class="icon">
<i class="qi-1071"></i>
<div class="label">1071</div>
</div>
<div class="icon">
<i class="qi-1072"></i>
<div class="label">1072</div>
</div>
<div class="icon">
<i class="qi-1073"></i>
<div class="label">1073</div>
</div>
<div class="icon">
<i class="qi-1074"></i>
<div class="label">1074</div>
</div>
<div class="icon">
<i class="qi-1075"></i>
<div class="label">1075</div>
</div>
<div class="icon">
<i class="qi-1076"></i>
<div class="label">1076</div>
</div>
<div class="icon">
<i class="qi-1077"></i>
<div class="label">1077</div>
</div>
<div class="icon">
<i class="qi-1078"></i>
<div class="label">1078</div>
</div>
<div class="icon">
<i class="qi-1079"></i>
<div class="label">1079</div>
</div>
<div class="icon">
<i class="qi-1080"></i>
<div class="label">1080</div>
</div>
<div class="icon">
<i class="qi-1081"></i>
<div class="label">1081</div>
</div>
<div class="icon">
<i class="qi-1082"></i>
<div class="label">1082</div>
</div>
<div class="icon">
<i class="qi-1084"></i>
<div class="label">1084</div>
</div>
<div class="icon">
<i class="qi-1085"></i>
<div class="label">1085</div>
</div>
<div class="icon">
<i class="qi-1086"></i>
<div class="label">1086</div>
</div>
<div class="icon">
<i class="qi-1087"></i>
<div class="label">1087</div>
</div>
<div class="icon">
<i class="qi-1088"></i>
<div class="label">1088</div>
</div>
<div class="icon">
<i class="qi-1089"></i>
<div class="label">1089</div>
</div>
<div class="icon">
<i class="qi-1201"></i>
<div class="label">1201</div>
</div>
<div class="icon">
<i class="qi-1202"></i>
<div class="label">1202</div>
</div>
<div class="icon">
<i class="qi-1203"></i>
<div class="label">1203</div>
</div>
<div class="icon">
<i class="qi-1204"></i>
<div class="label">1204</div>
</div>
<div class="icon">
<i class="qi-1205"></i>
<div class="label">1205</div>
</div>
<div class="icon">
<i class="qi-1206"></i>
<div class="label">1206</div>
</div>
<div class="icon">
<i class="qi-1207"></i>
<div class="label">1207</div>
</div>
<div class="icon">
<i class="qi-1208"></i>
<div class="label">1208</div>
</div>
<div class="icon">
<i class="qi-1209"></i>
<div class="label">1209</div>
</div>
<div class="icon">
<i class="qi-1210"></i>
<div class="label">1210</div>
</div>
<div class="icon">
<i class="qi-1211"></i>
<div class="label">1211</div>
</div>
<div class="icon">
<i class="qi-1212"></i>
<div class="label">1212</div>
</div>
<div class="icon">
<i class="qi-1213"></i>
<div class="label">1213</div>
</div>
<div class="icon">
<i class="qi-1214"></i>
<div class="label">1214</div>
</div>
<div class="icon">
<i class="qi-1215"></i>
<div class="label">1215</div>
</div>
<div class="icon">
<i class="qi-1216"></i>
<div class="label">1216</div>
</div>
<div class="icon">
<i class="qi-1217"></i>
<div class="label">1217</div>
</div>
<div class="icon">
<i class="qi-1218"></i>
<div class="label">1218</div>
</div>
<div class="icon">
<i class="qi-1219"></i>
<div class="label">1219</div>
</div>
<div class="icon">
<i class="qi-1221"></i>
<div class="label">1221</div>
</div>
<div class="icon">
<i class="qi-1241"></i>
<div class="label">1241</div>
</div>
<div class="icon">
<i class="qi-1242"></i>
<div class="label">1242</div>
</div>
<div class="icon">
<i class="qi-1243"></i>
<div class="label">1243</div>
</div>
<div class="icon">
<i class="qi-1244"></i>
<div class="label">1244</div>
</div>
<div class="icon">
<i class="qi-1245"></i>
<div class="label">1245</div>
</div>
<div class="icon">
<i class="qi-1246"></i>
<div class="label">1246</div>
</div>
<div class="icon">
<i class="qi-1247"></i>
<div class="label">1247</div>
</div>
<div class="icon">
<i class="qi-1248"></i>
<div class="label">1248</div>
</div>
<div class="icon">
<i class="qi-1249"></i>
<div class="label">1249</div>
</div>
<div class="icon">
<i class="qi-1250"></i>
<div class="label">1250</div>
</div>
<div class="icon">
<i class="qi-1251"></i>
<div class="label">1251</div>
</div>
<div class="icon">
<i class="qi-1271"></i>
<div class="label">1271</div>
</div>
<div class="icon">
<i class="qi-1272"></i>
<div class="label">1272</div>
</div>
<div class="icon">
<i class="qi-1273"></i>
<div class="label">1273</div>
</div>
<div class="icon">
<i class="qi-1274"></i>
<div class="label">1274</div>
</div>
<div class="icon">
<i class="qi-1601"></i>
<div class="label">1601</div>
</div>
<div class="icon">
<i class="qi-1602"></i>
<div class="label">1602</div>
</div>
<div class="icon">
<i class="qi-1603"></i>
<div class="label">1603</div>
</div>
<div class="icon">
<i class="qi-1604"></i>
<div class="label">1604</div>
</div>
<div class="icon">
<i class="qi-1605"></i>
<div class="label">1605</div>
</div>
<div class="icon">
<i class="qi-1606"></i>
<div class="label">1606</div>
</div>
<div class="icon">
<i class="qi-1607"></i>
<div class="label">1607</div>
</div>
<div class="icon">
<i class="qi-1608"></i>
<div class="label">1608</div>
</div>
<div class="icon">
<i class="qi-1609"></i>
<div class="label">1609</div>
</div>
<div class="icon">
<i class="qi-1610"></i>
<div class="label">1610</div>
</div>
<div class="icon">
<i class="qi-1701"></i>
<div class="label">1701</div>
</div>
<div class="icon">
<i class="qi-1702"></i>
<div class="label">1702</div>
</div>
<div class="icon">
<i class="qi-1703"></i>
<div class="label">1703</div>
</div>
<div class="icon">
<i class="qi-1704"></i>
<div class="label">1704</div>
</div>
<div class="icon">
<i class="qi-1705"></i>
<div class="label">1705</div>
</div>
<div class="icon">
<i class="qi-1706"></i>
<div class="label">1706</div>
</div>
<div class="icon">
<i class="qi-1707"></i>
<div class="label">1707</div>
</div>
<div class="icon">
<i class="qi-1708"></i>
<div class="label">1708</div>
</div>
<div class="icon">
<i class="qi-1709"></i>
<div class="label">1709</div>
</div>
<div class="icon">
<i class="qi-1710"></i>
<div class="label">1710</div>
</div>
<div class="icon">
<i class="qi-1801"></i>
<div class="label">1801</div>
</div>
<div class="icon">
<i class="qi-1802"></i>
<div class="label">1802</div>
</div>
<div class="icon">
<i class="qi-1803"></i>
<div class="label">1803</div>
</div>
<div class="icon">
<i class="qi-1804"></i>
<div class="label">1804</div>
</div>
<div class="icon">
<i class="qi-1805"></i>
<div class="label">1805</div>
</div>
<div class="icon">
<i class="qi-2001"></i>
<div class="label">2001</div>
</div>
<div class="icon">
<i class="qi-2002"></i>
<div class="label">2002</div>
</div>
<div class="icon">
<i class="qi-2003"></i>
<div class="label">2003</div>
</div>
<div class="icon">
<i class="qi-2004"></i>
<div class="label">2004</div>
</div>
<div class="icon">
<i class="qi-2005"></i>
<div class="label">2005</div>
</div>
<div class="icon">
<i class="qi-2006"></i>
<div class="label">2006</div>
</div>
<div class="icon">
<i class="qi-2007"></i>
<div class="label">2007</div>
</div>
<div class="icon">
<i class="qi-2029"></i>
<div class="label">2029</div>
</div>
<div class="icon">
<i class="qi-2030"></i>
<div class="label">2030</div>
</div>
<div class="icon">
<i class="qi-2031"></i>
<div class="label">2031</div>
</div>
<div class="icon">
<i class="qi-2032"></i>
<div class="label">2032</div>
</div>
<div class="icon">
<i class="qi-2033"></i>
<div class="label">2033</div>
</div>
<div class="icon">
<i class="qi-2050"></i>
<div class="label">2050</div>
</div>
<div class="icon">
<i class="qi-2051"></i>
<div class="label">2051</div>
</div>
<div class="icon">
<i class="qi-2052"></i>
<div class="label">2052</div>
</div>
<div class="icon">
<i class="qi-2053"></i>
<div class="label">2053</div>
</div>
<div class="icon">
<i class="qi-2054"></i>
<div class="label">2054</div>
</div>
<div class="icon">
<i class="qi-2070"></i>
<div class="label">2070</div>
</div>
<div class="icon">
<i class="qi-2071"></i>
<div class="label">2071</div>
</div>
<div class="icon">
<i class="qi-2072"></i>
<div class="label">2072</div>
</div>
<div class="icon">
<i class="qi-2073"></i>
<div class="label">2073</div>
</div>
<div class="icon">
<i class="qi-2074"></i>
<div class="label">2074</div>
</div>
<div class="icon">
<i class="qi-2075"></i>
<div class="label">2075</div>
</div>
<div class="icon">
<i class="qi-2076"></i>
<div class="label">2076</div>
</div>
<div class="icon">
<i class="qi-2077"></i>
<div class="label">2077</div>
</div>
<div class="icon">
<i class="qi-2078"></i>
<div class="label">2078</div>
</div>
<div class="icon">
<i class="qi-2079"></i>
<div class="label">2079</div>
</div>
<div class="icon">
<i class="qi-2080"></i>
<div class="label">2080</div>
</div>
<div class="icon">
<i class="qi-2081"></i>
<div class="label">2081</div>
</div>
<div class="icon">
<i class="qi-2082"></i>
<div class="label">2082</div>
</div>
<div class="icon">
<i class="qi-2083"></i>
<div class="label">2083</div>
</div>
<div class="icon">
<i class="qi-2084"></i>
<div class="label">2084</div>
</div>
<div class="icon">
<i class="qi-2085"></i>
<div class="label">2085</div>
</div>
<div class="icon">
<i class="qi-2100"></i>
<div class="label">2100</div>
</div>
<div class="icon">
<i class="qi-2101"></i>
<div class="label">2101</div>
</div>
<div class="icon">
<i class="qi-2102"></i>
<div class="label">2102</div>
</div>
<div class="icon">
<i class="qi-2103"></i>
<div class="label">2103</div>
</div>
<div class="icon">
<i class="qi-2104"></i>
<div class="label">2104</div>
</div>
<div class="icon">
<i class="qi-2105"></i>
<div class="label">2105</div>
</div>
<div class="icon">
<i class="qi-2106"></i>
<div class="label">2106</div>
</div>
<div class="icon">
<i class="qi-2107"></i>
<div class="label">2107</div>
</div>
<div class="icon">
<i class="qi-2108"></i>
<div class="label">2108</div>
</div>
<div class="icon">
<i class="qi-2109"></i>
<div class="label">2109</div>
</div>
<div class="icon">
<i class="qi-2111"></i>
<div class="label">2111</div>
</div>
<div class="icon">
<i class="qi-2120"></i>
<div class="label">2120</div>
</div>
<div class="icon">
<i class="qi-2121"></i>
<div class="label">2121</div>
</div>
<div class="icon">
<i class="qi-2122"></i>
<div class="label">2122</div>
</div>
<div class="icon">
<i class="qi-2123"></i>
<div class="label">2123</div>
</div>
<div class="icon">
<i class="qi-2124"></i>
<div class="label">2124</div>
</div>
<div class="icon">
<i class="qi-2125"></i>
<div class="label">2125</div>
</div>
<div class="icon">
<i class="qi-2126"></i>
<div class="label">2126</div>
</div>
<div class="icon">
<i class="qi-2127"></i>
<div class="label">2127</div>
</div>
<div class="icon">
<i class="qi-2128"></i>
<div class="label">2128</div>
</div>
<div class="icon">
<i class="qi-2129"></i>
<div class="label">2129</div>
</div>
<div class="icon">
<i class="qi-2130"></i>
<div class="label">2130</div>
</div>
<div class="icon">
<i class="qi-2131"></i>
<div class="label">2131</div>
</div>
<div class="icon">
<i class="qi-2132"></i>
<div class="label">2132</div>
</div>
<div class="icon">
<i class="qi-2133"></i>
<div class="label">2133</div>
</div>
<div class="icon">
<i class="qi-2134"></i>
<div class="label">2134</div>
</div>
<div class="icon">
<i class="qi-2135"></i>
<div class="label">2135</div>
</div>
<div class="icon">
<i class="qi-2150"></i>
<div class="label">2150</div>
</div>
<div class="icon">
<i class="qi-2151"></i>
<div class="label">2151</div>
</div>
<div class="icon">
<i class="qi-2152"></i>
<div class="label">2152</div>
</div>
<div class="icon">
<i class="qi-2153"></i>
<div class="label">2153</div>
</div>
<div class="icon">
<i class="qi-2154"></i>
<div class="label">2154</div>
</div>
<div class="icon">
<i class="qi-2155"></i>
<div class="label">2155</div>
</div>
<div class="icon">
<i class="qi-2156"></i>
<div class="label">2156</div>
</div>
<div class="icon">
<i class="qi-2157"></i>
<div class="label">2157</div>
</div>
<div class="icon">
<i class="qi-2158"></i>
<div class="label">2158</div>
</div>
<div class="icon">
<i class="qi-2159"></i>
<div class="label">2159</div>
</div>
<div class="icon">
<i class="qi-2160"></i>
<div class="label">2160</div>
</div>
<div class="icon">
<i class="qi-2161"></i>
<div class="label">2161</div>
</div>
<div class="icon">
<i class="qi-2162"></i>
<div class="label">2162</div>
</div>
<div class="icon">
<i class="qi-2163"></i>
<div class="label">2163</div>
</div>
<div class="icon">
<i class="qi-2164"></i>
<div class="label">2164</div>
</div>
<div class="icon">
<i class="qi-2165"></i>
<div class="label">2165</div>
</div>
<div class="icon">
<i class="qi-2166"></i>
<div class="label">2166</div>
</div>
<div class="icon">
<i class="qi-2167"></i>
<div class="label">2167</div>
</div>
<div class="icon">
<i class="qi-2190"></i>
<div class="label">2190</div>
</div>
<div class="icon">
<i class="qi-2191"></i>
<div class="label">2191</div>
</div>
<div class="icon">
<i class="qi-2192"></i>
<div class="label">2192</div>
</div>
<div class="icon">
<i class="qi-2193"></i>
<div class="label">2193</div>
</div>
<div class="icon">
<i class="qi-2200"></i>
<div class="label">2200</div>
</div>
<div class="icon">
<i class="qi-2201"></i>
<div class="label">2201</div>
</div>
<div class="icon">
<i class="qi-2202"></i>
<div class="label">2202</div>
</div>
<div class="icon">
<i class="qi-2203"></i>
<div class="label">2203</div>
</div>
<div class="icon">
<i class="qi-2204"></i>
<div class="label">2204</div>
</div>
<div class="icon">
<i class="qi-2205"></i>
<div class="label">2205</div>
</div>
<div class="icon">
<i class="qi-2207"></i>
<div class="label">2207</div>
</div>
<div class="icon">
<i class="qi-2208"></i>
<div class="label">2208</div>
</div>
<div class="icon">
<i class="qi-2209"></i>
<div class="label">2209</div>
</div>
<div class="icon">
<i class="qi-2210"></i>
<div class="label">2210</div>
</div>
<div class="icon">
<i class="qi-2211"></i>
<div class="label">2211</div>
</div>
<div class="icon">
<i class="qi-2212"></i>
<div class="label">2212</div>
</div>
<div class="icon">
<i class="qi-2213"></i>
<div class="label">2213</div>
</div>
<div class="icon">
<i class="qi-2214"></i>
<div class="label">2214</div>
</div>
<div class="icon">
<i class="qi-2215"></i>
<div class="label">2215</div>
</div>
<div class="icon">
<i class="qi-2216"></i>
<div class="label">2216</div>
</div>
<div class="icon">
<i class="qi-2217"></i>
<div class="label">2217</div>
</div>
<div class="icon">
<i class="qi-2218"></i>
<div class="label">2218</div>
</div>
<div class="icon">
<i class="qi-2300"></i>
<div class="label">2300</div>
</div>
<div class="icon">
<i class="qi-2301"></i>
<div class="label">2301</div>
</div>
<div class="icon">
<i class="qi-2302"></i>
<div class="label">2302</div>
</div>
<div class="icon">
<i class="qi-2303"></i>
<div class="label">2303</div>
</div>
<div class="icon">
<i class="qi-2304"></i>
<div class="label">2304</div>
</div>
<div class="icon">
<i class="qi-2305"></i>
<div class="label">2305</div>
</div>
<div class="icon">
<i class="qi-2306"></i>
<div class="label">2306</div>
</div>
<div class="icon">
<i class="qi-2307"></i>
<div class="label">2307</div>
</div>
<div class="icon">
<i class="qi-2308"></i>
<div class="label">2308</div>
</div>
<div class="icon">
<i class="qi-2309"></i>
<div class="label">2309</div>
</div>
<div class="icon">
<i class="qi-2311"></i>
<div class="label">2311</div>
</div>
<div class="icon">
<i class="qi-2312"></i>
<div class="label">2312</div>
</div>
<div class="icon">
<i class="qi-2313"></i>
<div class="label">2313</div>
</div>
<div class="icon">
<i class="qi-2314"></i>
<div class="label">2314</div>
</div>
<div class="icon">
<i class="qi-2315"></i>
<div class="label">2315</div>
</div>
<div class="icon">
<i class="qi-2316"></i>
<div class="label">2316</div>
</div>
<div class="icon">
<i class="qi-2317"></i>
<div class="label">2317</div>
</div>
<div class="icon">
<i class="qi-2318"></i>
<div class="label">2318</div>
</div>
<div class="icon">
<i class="qi-2319"></i>
<div class="label">2319</div>
</div>
<div class="icon">
<i class="qi-2320"></i>
<div class="label">2320</div>
</div>
<div class="icon">
<i class="qi-2321"></i>
<div class="label">2321</div>
</div>
<div class="icon">
<i class="qi-2322"></i>
<div class="label">2322</div>
</div>
<div class="icon">
<i class="qi-2323"></i>
<div class="label">2323</div>
</div>
<div class="icon">
<i class="qi-2324"></i>
<div class="label">2324</div>
</div>
<div class="icon">
<i class="qi-2325"></i>
<div class="label">2325</div>
</div>
<div class="icon">
<i class="qi-2326"></i>
<div class="label">2326</div>
</div>
<div class="icon">
<i class="qi-2327"></i>
<div class="label">2327</div>
</div>
<div class="icon">
<i class="qi-2328"></i>
<div class="label">2328</div>
</div>
<div class="icon">
<i class="qi-2330"></i>
<div class="label">2330</div>
</div>
<div class="icon">
<i class="qi-2331"></i>
<div class="label">2331</div>
</div>
<div class="icon">
<i class="qi-2332"></i>
<div class="label">2332</div>
</div>
<div class="icon">
<i class="qi-2333"></i>
<div class="label">2333</div>
</div>
<div class="icon">
<i class="qi-2341"></i>
<div class="label">2341</div>
</div>
<div class="icon">
<i class="qi-2343"></i>
<div class="label">2343</div>
</div>
<div class="icon">
<i class="qi-2345"></i>
<div class="label">2345</div>
</div>
<div class="icon">
<i class="qi-2346"></i>
<div class="label">2346</div>
</div>
<div class="icon">
<i class="qi-2348"></i>
<div class="label">2348</div>
</div>
<div class="icon">
<i class="qi-2349"></i>
<div class="label">2349</div>
</div>
<div class="icon">
<i class="qi-2350"></i>
<div class="label">2350</div>
</div>
<div class="icon">
<i class="qi-2351"></i>
<div class="label">2351</div>
</div>
<div class="icon">
<i class="qi-2352"></i>
<div class="label">2352</div>
</div>
<div class="icon">
<i class="qi-2353"></i>
<div class="label">2353</div>
</div>
<div class="icon">
<i class="qi-2354"></i>
<div class="label">2354</div>
</div>
<div class="icon">
<i class="qi-2355"></i>
<div class="label">2355</div>
</div>
<div class="icon">
<i class="qi-2356"></i>
<div class="label">2356</div>
</div>
<div class="icon">
<i class="qi-2357"></i>
<div class="label">2357</div>
</div>
<div class="icon">
<i class="qi-2358"></i>
<div class="label">2358</div>
</div>
<div class="icon">
<i class="qi-2359"></i>
<div class="label">2359</div>
</div>
<div class="icon">
<i class="qi-2360"></i>
<div class="label">2360</div>
</div>
<div class="icon">
<i class="qi-2361"></i>
<div class="label">2361</div>
</div>
<div class="icon">
<i class="qi-2362"></i>
<div class="label">2362</div>
</div>
<div class="icon">
<i class="qi-2363"></i>
<div class="label">2363</div>
</div>
<div class="icon">
<i class="qi-2364"></i>
<div class="label">2364</div>
</div>
<div class="icon">
<i class="qi-2365"></i>
<div class="label">2365</div>
</div>
<div class="icon">
<i class="qi-2366"></i>
<div class="label">2366</div>
</div>
<div class="icon">
<i class="qi-2367"></i>
<div class="label">2367</div>
</div>
<div class="icon">
<i class="qi-2368"></i>
<div class="label">2368</div>
</div>
<div class="icon">
<i class="qi-2369"></i>
<div class="label">2369</div>
</div>
<div class="icon">
<i class="qi-2370"></i>
<div class="label">2370</div>
</div>
<div class="icon">
<i class="qi-2371"></i>
<div class="label">2371</div>
</div>
<div class="icon">
<i class="qi-2372"></i>
<div class="label">2372</div>
</div>
<div class="icon">
<i class="qi-2373"></i>
<div class="label">2373</div>
</div>
<div class="icon">
<i class="qi-2374"></i>
<div class="label">2374</div>
</div>
<div class="icon">
<i class="qi-2375"></i>
<div class="label">2375</div>
</div>
<div class="icon">
<i class="qi-2376"></i>
<div class="label">2376</div>
</div>
<div class="icon">
<i class="qi-2377"></i>
<div class="label">2377</div>
</div>
<div class="icon">
<i class="qi-2378"></i>
<div class="label">2378</div>
</div>
<div class="icon">
<i class="qi-2379"></i>
<div class="label">2379</div>
</div>
<div class="icon">
<i class="qi-2380"></i>
<div class="label">2380</div>
</div>
<div class="icon">
<i class="qi-2381"></i>
<div class="label">2381</div>
</div>
<div class="icon">
<i class="qi-2382"></i>
<div class="label">2382</div>
</div>
<div class="icon">
<i class="qi-2383"></i>
<div class="label">2383</div>
</div>
<div class="icon">
<i class="qi-2384"></i>
<div class="label">2384</div>
</div>
<div class="icon">
<i class="qi-2385"></i>
<div class="label">2385</div>
</div>
<div class="icon">
<i class="qi-2386"></i>
<div class="label">2386</div>
</div>
<div class="icon">
<i class="qi-2387"></i>
<div class="label">2387</div>
</div>
<div class="icon">
<i class="qi-2388"></i>
<div class="label">2388</div>
</div>
<div class="icon">
<i class="qi-2389"></i>
<div class="label">2389</div>
</div>
<div class="icon">
<i class="qi-2390"></i>
<div class="label">2390</div>
</div>
<div class="icon">
<i class="qi-2391"></i>
<div class="label">2391</div>
</div>
<div class="icon">
<i class="qi-2392"></i>
<div class="label">2392</div>
</div>
<div class="icon">
<i class="qi-2393"></i>
<div class="label">2393</div>
</div>
<div class="icon">
<i class="qi-2394"></i>
<div class="label">2394</div>
</div>
<div class="icon">
<i class="qi-2395"></i>
<div class="label">2395</div>
</div>
<div class="icon">
<i class="qi-2396"></i>
<div class="label">2396</div>
</div>
<div class="icon">
<i class="qi-2397"></i>
<div class="label">2397</div>
</div>
<div class="icon">
<i class="qi-2398"></i>
<div class="label">2398</div>
</div>
<div class="icon">
<i class="qi-2399"></i>
<div class="label">2399</div>
</div>
<div class="icon">
<i class="qi-2400"></i>
<div class="label">2400</div>
</div>
<div class="icon">
<i class="qi-2409"></i>
<div class="label">2409</div>
</div>
<div class="icon">
<i class="qi-2411"></i>
<div class="label">2411</div>
</div>
<div class="icon">
<i class="qi-2412"></i>
<div class="label">2412</div>
</div>
<div class="icon">
<i class="qi-2413"></i>
<div class="label">2413</div>
</div>
<div class="icon">
<i class="qi-2414"></i>
<div class="label">2414</div>
</div>
<div class="icon">
<i class="qi-2415"></i>
<div class="label">2415</div>
</div>
<div class="icon">
<i class="qi-2416"></i>
<div class="label">2416</div>
</div>
<div class="icon">
<i class="qi-2417"></i>
<div class="label">2417</div>
</div>
<div class="icon">
<i class="qi-2418"></i>
<div class="label">2418</div>
</div>
<div class="icon">
<i class="qi-2419"></i>
<div class="label">2419</div>
</div>
<div class="icon">
<i class="qi-2420"></i>
<div class="label">2420</div>
</div>
<div class="icon">
<i class="qi-2421"></i>
<div class="label">2421</div>
</div>
<div class="icon">
<i class="qi-2422"></i>
<div class="label">2422</div>
</div>
<div class="icon">
<i class="qi-2423"></i>
<div class="label">2423</div>
</div>
<div class="icon">
<i class="qi-2424"></i>
<div class="label">2424</div>
</div>
<div class="icon">
<i class="qi-2425"></i>
<div class="label">2425</div>
</div>
<div class="icon">
<i class="qi-2426"></i>
<div class="label">2426</div>
</div>
<div class="icon">
<i class="qi-2501"></i>
<div class="label">2501</div>
</div>
<div class="icon">
<i class="qi-2502"></i>
<div class="label">2502</div>
</div>
<div class="icon">
<i class="qi-2521"></i>
<div class="label">2521</div>
</div>
<div class="icon">
<i class="qi-2522"></i>
<div class="label">2522</div>
</div>
<div class="icon">
<i class="qi-2523"></i>
<div class="label">2523</div>
</div>
<div class="icon">
<i class="qi-2524"></i>
<div class="label">2524</div>
</div>
<div class="icon">
<i class="qi-2525"></i>
<div class="label">2525</div>
</div>
<div class="icon">
<i class="qi-2526"></i>
<div class="label">2526</div>
</div>
<div class="icon">
<i class="qi-2527"></i>
<div class="label">2527</div>
</div>
<div class="icon">
<i class="qi-2528"></i>
<div class="label">2528</div>
</div>
<div class="icon">
<i class="qi-2529"></i>
<div class="label">2529</div>
</div>
<div class="icon">
<i class="qi-2530"></i>
<div class="label">2530</div>
</div>
<div class="icon">
<i class="qi-2531"></i>
<div class="label">2531</div>
</div>
<div class="icon">
<i class="qi-2532"></i>
<div class="label">2532</div>
</div>
<div class="icon">
<i class="qi-2550"></i>
<div class="label">2550</div>
</div>
<div class="icon">
<i class="qi-2551"></i>
<div class="label">2551</div>
</div>
<div class="icon">
<i class="qi-2552"></i>
<div class="label">2552</div>
</div>
<div class="icon">
<i class="qi-2553"></i>
<div class="label">2553</div>
</div>
<div class="icon">
<i class="qi-2554"></i>
<div class="label">2554</div>
</div>
<div class="icon">
<i class="qi-9999"></i>
<div class="label">9999</div>
</div>
<div class="icon">
<i class="qi-100-fill"></i>
<div class="label">100-fill</div>
</div>
<div class="icon">
<i class="qi-101-fill"></i>
<div class="label">101-fill</div>
</div>
<div class="icon">
<i class="qi-102-fill"></i>
<div class="label">102-fill</div>
</div>
<div class="icon">
<i class="qi-103-fill"></i>
<div class="label">103-fill</div>
</div>
<div class="icon">
<i class="qi-104-fill"></i>
<div class="label">104-fill</div>
</div>
<div class="icon">
<i class="qi-150-fill"></i>
<div class="label">150-fill</div>
</div>
<div class="icon">
<i class="qi-151-fill"></i>
<div class="label">151-fill</div>
</div>
<div class="icon">
<i class="qi-152-fill"></i>
<div class="label">152-fill</div>
</div>
<div class="icon">
<i class="qi-153-fill"></i>
<div class="label">153-fill</div>
</div>
<div class="icon">
<i class="qi-300-fill"></i>
<div class="label">300-fill</div>
</div>
<div class="icon">
<i class="qi-301-fill"></i>
<div class="label">301-fill</div>
</div>
<div class="icon">
<i class="qi-302-fill"></i>
<div class="label">302-fill</div>
</div>
<div class="icon">
<i class="qi-303-fill"></i>
<div class="label">303-fill</div>
</div>
<div class="icon">
<i class="qi-304-fill"></i>
<div class="label">304-fill</div>
</div>
<div class="icon">
<i class="qi-305-fill"></i>
<div class="label">305-fill</div>
</div>
<div class="icon">
<i class="qi-306-fill"></i>
<div class="label">306-fill</div>
</div>
<div class="icon">
<i class="qi-307-fill"></i>
<div class="label">307-fill</div>
</div>
<div class="icon">
<i class="qi-308-fill"></i>
<div class="label">308-fill</div>
</div>
<div class="icon">
<i class="qi-309-fill"></i>
<div class="label">309-fill</div>
</div>
<div class="icon">
<i class="qi-310-fill"></i>
<div class="label">310-fill</div>
</div>
<div class="icon">
<i class="qi-311-fill"></i>
<div class="label">311-fill</div>
</div>
<div class="icon">
<i class="qi-312-fill"></i>
<div class="label">312-fill</div>
</div>
<div class="icon">
<i class="qi-313-fill"></i>
<div class="label">313-fill</div>
</div>
<div class="icon">
<i class="qi-314-fill"></i>
<div class="label">314-fill</div>
</div>
<div class="icon">
<i class="qi-315-fill"></i>
<div class="label">315-fill</div>
</div>
<div class="icon">
<i class="qi-316-fill"></i>
<div class="label">316-fill</div>
</div>
<div class="icon">
<i class="qi-317-fill"></i>
<div class="label">317-fill</div>
</div>
<div class="icon">
<i class="qi-318-fill"></i>
<div class="label">318-fill</div>
</div>
<div class="icon">
<i class="qi-350-fill"></i>
<div class="label">350-fill</div>
</div>
<div class="icon">
<i class="qi-351-fill"></i>
<div class="label">351-fill</div>
</div>
<div class="icon">
<i class="qi-399-fill"></i>
<div class="label">399-fill</div>
</div>
<div class="icon">
<i class="qi-400-fill"></i>
<div class="label">400-fill</div>
</div>
<div class="icon">
<i class="qi-401-fill"></i>
<div class="label">401-fill</div>
</div>
<div class="icon">
<i class="qi-402-fill"></i>
<div class="label">402-fill</div>
</div>
<div class="icon">
<i class="qi-403-fill"></i>
<div class="label">403-fill</div>
</div>
<div class="icon">
<i class="qi-404-fill"></i>
<div class="label">404-fill</div>
</div>
<div class="icon">
<i class="qi-405-fill"></i>
<div class="label">405-fill</div>
</div>
<div class="icon">
<i class="qi-406-fill"></i>
<div class="label">406-fill</div>
</div>
<div class="icon">
<i class="qi-407-fill"></i>
<div class="label">407-fill</div>
</div>
<div class="icon">
<i class="qi-408-fill"></i>
<div class="label">408-fill</div>
</div>
<div class="icon">
<i class="qi-409-fill"></i>
<div class="label">409-fill</div>
</div>
<div class="icon">
<i class="qi-410-fill"></i>
<div class="label">410-fill</div>
</div>
<div class="icon">
<i class="qi-456-fill"></i>
<div class="label">456-fill</div>
</div>
<div class="icon">
<i class="qi-457-fill"></i>
<div class="label">457-fill</div>
</div>
<div class="icon">
<i class="qi-499-fill"></i>
<div class="label">499-fill</div>
</div>
<div class="icon">
<i class="qi-500-fill"></i>
<div class="label">500-fill</div>
</div>
<div class="icon">
<i class="qi-501-fill"></i>
<div class="label">501-fill</div>
</div>
<div class="icon">
<i class="qi-502-fill"></i>
<div class="label">502-fill</div>
</div>
<div class="icon">
<i class="qi-503-fill"></i>
<div class="label">503-fill</div>
</div>
<div class="icon">
<i class="qi-504-fill"></i>
<div class="label">504-fill</div>
</div>
<div class="icon">
<i class="qi-507-fill"></i>
<div class="label">507-fill</div>
</div>
<div class="icon">
<i class="qi-508-fill"></i>
<div class="label">508-fill</div>
</div>
<div class="icon">
<i class="qi-509-fill"></i>
<div class="label">509-fill</div>
</div>
<div class="icon">
<i class="qi-510-fill"></i>
<div class="label">510-fill</div>
</div>
<div class="icon">
<i class="qi-511-fill"></i>
<div class="label">511-fill</div>
</div>
<div class="icon">
<i class="qi-512-fill"></i>
<div class="label">512-fill</div>
</div>
<div class="icon">
<i class="qi-513-fill"></i>
<div class="label">513-fill</div>
</div>
<div class="icon">
<i class="qi-514-fill"></i>
<div class="label">514-fill</div>
</div>
<div class="icon">
<i class="qi-515-fill"></i>
<div class="label">515-fill</div>
</div>
<div class="icon">
<i class="qi-900-fill"></i>
<div class="label">900-fill</div>
</div>
<div class="icon">
<i class="qi-901-fill"></i>
<div class="label">901-fill</div>
</div>
<div class="icon">
<i class="qi-999-fill"></i>
<div class="label">999-fill</div>
</div>
<div class="icon">
<i class="qi-qweather-fill"></i>
<div class="label">qweather-fill</div>
</div>
<div class="icon">
<i class="qi-qweather"></i>
<div class="label">qweather</div>
</div>
<div class="icon">
<i class="qi-sunny"></i>
<div class="label">sunny</div>
</div>
<div class="icon">
<i class="qi-cloudy"></i>
<div class="label">