【CSS】PNG&SVGが使用できる天気アイコンコレクションWeather Underground Icons

CSS

Weather Underground Icons

February 24, 2018

Weather Underground IconsはPNG&SVGが使用できる天気アイコンコレクション。コードでアイコンの線の色や大きさも変更できます。

Image Usage Instructions

イメージファイルを直接使用したい場合はdist/iconsフォルダから直接イメージをコピーします。

CSS Usage Instructions

CSS版を使用する場合はdistフォルダ内にあるプロジェクトをコピーします。
次に、wu-接頭辞付きのアイコンキーを使用して、必要なアイコンをロードできます。

<i class="wu wu-white wu-64 wu-chanceflurries"></i>

すべてのCSSアイコンはデフォルトでSVGファイルを使用します。PNGを使用するにはno-svgを親要素のクラスに追加します。
Icon Class Colors
wu-black線は黒のアイコン

<i class="wu wu-black wu-32 wu-chanceflurries"></i>

wu-white線は白のアイコン

<i class="wu wu-white wu-32 wu-chancerain"></i>

wu-64 64x64pxのアイコン

<i class="wu wu-black wu-64 wu-clear"></i>

wu-256 256x256pxのアイコン

<i class="wu wu-black wu-256 wu-flurries"></i>

Latest Posts

Related Posts