Get started with weather-icons CDN

MIT licensed

Library offers customizable weather icons for real-time website integration.

Tags:
  • css
  • font
  • icons
  • weather

Stable version

Copied!

How to start using weather-icons CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/weather-icons/2.0.12/css/weather-icons.min.css">
  <title>Get started with weather-icons CDN - cdnhub.io</title>
</head>
<body>
  <div id="weather-icon"></div>
  <script>
    const weatherIcon = document.getElementById('weather-icon');

    // Replace 'weather-code' with the actual weather code from an API
    const weatherCode = '01d';

    weatherIcon.innerHTML = `<i class="wi wi-${weatherCode}"></i>`;
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions