Weather Icons：免費天氣圖標、可用於網頁或 APP、日夜圖示皆有

2019/01/26 1,373 0 網站技術 , HTML , CSS , JavaScript

「Weather Icons」是一款開源的天氣圖標（Icons），可以免費使用在自己的網站或 APP 中，基本上只要有姓名標示任何使用目的都是可以的，詳細可以參考官方網站頁底，有更詳細且清楚的授權資訊。

圖示方面有白天、夜晚、中性（如：陰天、下雪、霧霾等）、雜項（溫度、濕度、日出等）、月相、時間、定向箭頭、風向、風量等，非常多圖示可以使用，可以用 SVG 格式，也可以用字體的方式導入，非常方便！

近期因為製作氣象站即時數據顯示網頁，為了要美化網站，因此搜尋到了這筆資料，加入圖標後可以讓整個網頁好看很多！如果你剛好有需要做類似的專案，就可以使用到這款圖示！

▲ 官方網站截圖。

▲ 官方網站有陳列出所有圖示，也有其代碼。

贊助廣告 ‧ Sponsor advertisements
XAMPP & Tomcat：建立 JSP 運行環境 & 讓 JSP 連接 SQL 資料庫
📆 2018-12-29
📁 軟體應用, 網站技術, 伺服器, 資料庫, JSP, SQL
CSS 原生變數（Variables）介紹與使用教學：-- 宣告變數、var() 呼叫變數
📆 2019-03-22
📁 網站技術, CSS
【論壇美化】全局框線美化
📆 2013-01-01
📁 網站技術, 架站程式, Discuz!
無縮圖
HTML:<br>
📆 2014-01-04
📁 網站技術, HTML
Google AdSense：網站廣告收益京城銀行西聯收款全記錄與教學
📆 2019-09-27
📁 生活相關, 金融理財, 網路應用, 網站技術
GitHub Desktop：建立、上傳專案教學，公開自己的專案到 GitHub 吧！
📆 2019-04-04
📁 軟體介紹, 軟體應用, 網路應用, 網站技術
Beautify（Visual Studio Code 擴充功能）：美化網頁原始碼、支援 javascript、CSS 和 HTML 等
📆 2019-02-11
📁 軟體應用, 網站技術
CSS:filter:毛玻璃效果
📆 2014-09-28
📁 網站技術, CSS

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！