Weather Icons 라이브러리 적용하는 방법
·
조회수 16
부트스트랩 날씨 관련 아이콘이 부족하다 싶을때는 부트스트랩과 매우 잘 어울리는 Weather Icons 라이브러리를 적용하시면 됩니다.
일단 개수가 상당히 많고 사이즈와 크기 같은 적용하는 방법도 쉬울뿐더라 회전도 가능해 다방면으로 쓰일수가 있습니다.
CDN으로 라이브러리 적재해주고
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.10/css/weather-icons.min.css">
<i>태그를 적용해 출력해주면 됩니다.
<i class="wi wi-day-sunny" style="font-size:48px; color:orange;"></i>
<i class="wi wi-rain" style="font-size:48px; color:blue;"></i>
<i class="wi wi-cloudy" style="font-size:48px; color:gray;"></i>
/**회전**/
<i class="wi wi-cloudy wi-rotate-90" style="font-size:48px; color:gray;"></i>