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

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

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

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

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

▲ 官方網站截圖。

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

贊助廣告 ‧ Sponsor advertisements
WordPress 網址異動，利用 SQL 指令快速更改
📆 2016-02-01
📁 網站技術, 資料庫, SQL, 架站程式, WordPress
利用「.htaccess」強制使用「HTTPS」
📆 2016-09-11
📁 網站技術, 伺服器
Node-RED：開啟專案(項目)功能與建立首個新專案
📆 2021-12-02
📁 網站技術, 物聯網, Node.js, Node-RED
w3big.com：最完整的線上網頁技術教學網站、全中文教學、自學網頁
📆 2018-01-20
📁 網路應用, 網站技術
Sass/SCSS 初嘗試，新手入門語法教學 ◆ 進階的 CSS：巢狀結構、變數、函數、迴圈與繼承等
📆 2019-03-19
📁 網站技術, Sass/SCSS
Elveshost 精靈主機：購買「增強型虛擬主機」快速建置 WordPress 部落格！
📆 2023-08-27
📁 網站技術, 伺服器, 架站程式, 架站資源, WordPress
CSS backdrop-filter 原生背景毛玻璃
📆 2020-08-26
📁 網站技術, CSS
Google AdSense:相符內容廣告，增加收益
📆 2016-11-17
📁 網站技術

留言區 / Comments

萌芽論壇

萌芽站長

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