Taiwan Icon Font 屬於台灣的免費圖示，收錄台北101

Taiwan Icon Font 是一套屬於台灣在地的免費圖示字型，由一位在台南生活的日本設計師holoko 和住在台灣的英國程式設計師Rob 共同開發。

第一個版本是以「台灣旅遊」做為 ... 跳至主要內容 FacebookTwitterPinterestLineShare 愛台灣可以有很多表現方式，例如拍照上傳社群網站讓世界看到台灣的美，走訪各鄉鎮看看台灣大街小巷，雖然大家都很熱衷出國自助旅遊，但其實台灣也有不少很美麗、很有特色的地方，可惜假日出去總是人擠人，不在台灣還是會想念台灣美食。

對於亞洲鄰近國家觀光客來說，他們也非常喜歡台灣，不少日本人很愛到台灣旅遊，都能拍出讓我覺得很不像台灣的相片。

接下來要介紹的「TaiwanIconFont」很有趣，這是一套屬於台灣在地的免費圖示字型，由一位在台南生活的日本設計師holoko和住在台灣的英國程式設計師Rob共同開發。

第一個版本是以「台灣旅遊」做為發想而創作出很多台灣旅遊景點，其中也包括不少台灣在地文化、交通運輸、美食或品牌等等，像是台北101、中正紀念堂、珍珠奶茶、台灣啤酒、捷運或茄芷袋（我也是寫這篇文章才知道這個東西的名字…）。

TaiwanIconFont提供四種格式：woff、woff2、svg和otf，開放使用者免費下載！更重要的是這套圖示字型可運用於網頁上，透過樣式表、特定代碼方式載入圖示，就能在網頁快速展示各種台灣會出現的地標、國旗、景點、交通工具、文化、美食、特有種或是品牌等等，不過有個小問題是當前TaiwanIconFont好像還沒有選擇一個明確的授權規範，我想不久之後就會改善這個問題。

TaiwanIconFont https://www.twicon.page/ 使用教學 STEP1 開啟TaiwanIconFont網站，首頁會有相關背景介紹，還有這套圖示字型的特色，點選上方選單的「Icons」可以看到目前所有圖示，當這些生活中的景點、建築物、交通工具或美食被製作成圖片後真的有一種很神奇的感覺。

不過至少如果未來在開發應用程式、製作網頁或其他專案時要用到這些意象就可以從這一套TaiwanIconFont找到現成的圖案。

STEP2 點選「GetStarted」就能找到TaiwanIconFont下載鏈結，包括電腦上會用到的otf檔案、網頁會用到的wof和wof2檔案，以及一般開發時會用到的svg，點選下載按鈕就能一次取得這三個檔案。

STEP3 如果要使用於網頁上，可能會需要透過twicon.css樣式表或類似方式載入，還好解壓縮後TaiwanIconFont就直接給出一個範例html，開啟後可以看到要如何使用特定的圖案（Markupforweb），不清楚的話參考這個範例的寫法就能在頁面顯示圖案。

STEP4 有網友使用TaiwanIconFont圖示製作線上小測驗遊戲，可以透過問答方式看看你對於台灣夠不夠熟悉，如果有興趣的話直接前往「TWIconGame台灣圖標字型遊戲」就能玩囉！（第一次只玩不到10分就結束了…），這個網站也開放原始碼至GitHub。

值得一試的三個理由： 以台灣旅遊為發想，設計出一套專屬於台灣的免費圖示字型 提供woff、woff2、svg和otf四種常見格式下載 線上預覽並透過css樣式表在網頁載入特定圖案 相關文章 LineAwesome超過4000個免費線稿圖示，修改自知名FontAwesome FluentIcons免費下載965個漂亮專業的流暢設計風格圖示 iconmonstr超過4000個免費圖示SVG、EPS、PSD和PNG格式下載 Icons8推出Animatedicons2.0動畫圖示集，數百種動態效果可商用 使用電子郵件訂閱網站 輸入你的電子郵件地址訂閱網站更新，使用電子郵件接收通知。

電子郵件地址 訂閱更新 追蹤更新 站內搜尋搜尋 文章分類文章分類 選取分類 10MB-50MB 1GB以上 200MB-500MB 500MB-1GB 50MB-200MB Alexa PageRank 個人服務 個人網誌 光碟工具 免費DNS 免費圖片 免費圖示 免費程式（PHP） 免費空間 免費論壇 免費贈品 免費軟體 可攜軟體 商業軟體 圖片工具 圖片空間 圖片編輯 圖示製作 好康資訊 好玩遊戲 字型下載 實用教學 工具類 影音工具 影音空間 微型網誌 手機APP 手機相關 投票服務 折價券區 搜尋引擎 搜尋引擎最佳化 搜尋引擎登錄 教育類 文書處理 新聞資訊類 星座算命 書籤整合 架站資源 查詢資料 桌布下載 檔案管理 流量統計 熱門主題 生活類 產生器類 留言板類 系統工具 素材模版 網站公告 網站模板 網站監測 網站空間 網站線上人數 網站縮圖 網站評鑑 網站轉址 網站配色 網誌物件 網路書籤 網路相簿 網路相關 網路科技 網路賺錢 網路遊戲 網頁素材 線上代理 線上動漫 線上問卷 線上地圖 線上字典 線上工具 線上廣播 線上掃毒 線上翻譯 線上轉檔 編輯推薦 縮短網址 贊助評論 趣味網站 遊戲類 開源程式 防毒軟體 雜七雜八 電子信箱 電子賀卡 音樂空間 音樂音效 預設分類 贊助商連結 最新文章Jotti免費惡意程式掃描工具，整合14種防毒引擎可偵測單檔最大250MB Maildax兼具安全、匿名暫時信箱，產生密鑰可重複存取相同郵件地址 薄荷圖床：免費圖片轉網址服務，中國模式可將圖片上傳香港伺服器 UTM免費Mac虛擬機器應用程式，可在M1CPU安裝Windows11 Hama清除照片裡的人物或物品，可反覆編輯沒有圖片大小限制 CandidateChecker以帳號或Email查詢特定對象使用那些社群網路服務 NewProfilePic使用人工智慧將個人大頭貼轉為美式畫風 AdobeRemoveBackground免費線上去背工具，全自動移除相片背景 YouTubePremium跨區訂閱教學，阿根廷、印度家庭方案價格最便宜 OpenRA開源即時戰略遊戲，紅色警戒、終極動員令、沙丘魔堡免費下載 精選主題 行政院1922簡訊實聯制掃碼發送簡訊登記，店家註冊QRCode教學思源黑體：Adobe與Google合作開發開放原始碼中文字型思源宋體NotoSerifCJK字型免費下載！Google、Adobe再次攜手推出開放原始碼字體Mipony白馬下載器：網路下載必裝！支援數百免空可突破下載限制Spotify免費聆聽4000萬首歌，音樂串流應用iOS、Android版下載日本亞馬遜AmazonGlobal線上購物直送台灣，免消費稅免找代購中華郵政i郵箱初體驗，24小時自助郵局寄件取件超方便YouTubeMusic免費音樂串流服務正式登場，升級Premium零廣告體驗MicrosoftEdge正式版免費下載！以Chromium重新打造微軟瀏覽器Photopea免費圖片編輯器，堪稱Photoshop線上版支援PSD等常見格式財政部統一發票兌獎APP掃描發票存手機，自動記帳主動對獎超方便使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算YouTubeKids兒童專用影音頻道，手機平板應用程式免費下載Disney+台灣影音串流平台訂閱付款教學，最多可四螢幕同時觀看以Outline搭配DigitalOcean架設VPN伺服器教學，每月最低5美元起 實用教學 15個免費下載高解析度圖片最佳圖庫下載高畫質相片素材的13個免費圖庫資源精選12個你應該知道的中英文假字、文章產生器20個免費下載創用CC授權音樂的網站彙整40個設計師必備免費資源超推懶人包Facebook全新下載資料副本功能，一次備份所有臉書記錄匯出Instagram資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄7個線上接收手機簡訊驗證碼的免費網路服務整理PayPal兩步驟驗證設定教學，以手機簡訊或應用程式降低被盜用風險如何在瀏覽器不支援AdobeFlashPlayer後繼續播放SWF檔案？7-11賣貨便操作教學，整合多種付款方式、固定運費優惠全家好賣+使用教學，賣場註冊、商品上架、手續費和運費優惠說明8個匿名偷看IG限時動態不留下觀看紀錄的網路服務整理 WordPress架站資源 自架WordPress虛擬主機租用教學，將網誌備份匯出、匯入到新家殺手級WordPress體檢項目：101個建立新網站的超簡易捷徑！Cloudflare架站者必備免費CDN、DNS託管服務設定教學16個免費網站速度測試工具推薦！網頁效能評比，搜尋引擎最佳化必備亞馬遜VPS服務AmazonLightsail搭配ServerPilot快速架設WordPress教學使用GoogleCloudPlatform雲端主機免費版架設WordPress教學使用Cloudways架設WordPress網站教學，快速部屬最佳化環境RunCloud佈署最佳化主機環境，整合DigitalOcean架設WordPress教學使用SiteGround虛擬主機一鍵快速安裝WordPress教學FastComet評價極高的虛擬主機推薦，一鍵安裝WordPress教學VaultPress完整備份你的WordPress網站，無痛搬家或回復特定時間點WPRocket最強WordPress快取外掛，完整最佳化設定選項教學不續費虛擬主機？WordPress.com對應個人網域每年13美元搬家超划算 Close免費軟體 APP Mac 瀏覽器外掛 系統工具 圖片處理 文書編輯 線上工具 線上翻譯 線上轉檔 配色工具 縮網址 產生器 免費空間 網路硬碟 圖片空間 影片空間 網站空間 熱門主題 Facebook Instagram VPN YouTube 編輯推薦 免費圖庫 字型下載 網路科技 電子信箱 實用教學 資料查詢 免費圖示 音樂音效 架站資源 DNS WordPress SEO 素材模版 免費圖片 網站監測 站內搜尋搜尋 分享到...BufferCopyEmailFacebookFlipboardHackerNewsLineLinkedInMessengerMixPinterestPocketPrintRedditSMSTelegramTumblrTwitterVKWhatsAppXingYummly