<-- IE錯誤修正 --> Ikonate 具完整自訂性免費圖示下載,SVG 向量格式可設定邊框樣式 - RiS社群 | FileMaker 跨平台企業應用



快速發表主題
返回   RiS社群 | FileMaker 跨平台企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 3 週前
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 Ikonate 具完整自訂性免費圖示下載,SVG 向量格式可設定邊框樣式

Click the image to open in full size.

雖然網路上有無數免費圖示可以下載使用,卻很少有「量身打造」的選擇,只能盡量找出最符合自己需求的圖示圖案,有些圖示集仍有完整自訂選項,例如 Omg-img 用一段程式碼快速插入圖示,可自訂顏色、大小或樣式,大部分的圖示則會提供一些預設大小讓使用者選擇,例如 Iconshock 收錄超過 200 萬個免費圖示下載,或是 ICOOON MONO 圖示內建七種不同的尺寸大小。



本文要介紹的Ikonate」免費圖示集收錄兩百個圖案,是一套開放原始碼、兼具完整自訂性、易用性和最佳化向量圖示,Ikonate 特色是可直接從線上調整並預覽邊框粗細、大小和樣式(直角或圓角),設定顏色後選擇自己需要的圖案,最後一鍵打包將這些圖示匯出下載,對於開發者或設計師來說幫上不少忙。

Click the image to open in full size.

Ikonate 提供的格式包括自訂後的 .svg 向量圖檔(適合不想編輯程式碼的開發者)、呈現於 .html 範本中的圖示,還有直接寫成程式碼的範例檔,更多自訂及使用方式可參考專案的 GitHub 頁面,有非常完整詳實的說明。

網站名稱:Ikonate
網站鏈結:https://www.ikonate.com/GitHub

使用教學

STEP 1

開啟 Ikonate 網站後按下「Get Icons」就能看到如下的圖示自訂頁面,主要設定選項在左側,右側則是 Ikonate 完整圖示集,目前數量大約在兩百個左右,透過左上角還能以關鍵字快速查找相關圖案。

Click the image to open in full size.

使用者可直接從 Ikonate 網站調整圖示邊框粗細、尺寸大小、樣式和顏色,設定後會即時更新顯示新的效果。

Click the image to open in full size.

STEP 2

設定好後選取要下載的圖示,將左側選單列拉到最下方,按下「Export icons」即可將這些圖示打包匯出,此外,Ikonate 也提供深色模式,如果想知道圖示在深色背景的表現情形可以開啟這個選項切換。

Click the image to open in full size.

STEP 3

下載後解壓縮就能獲取相關檔案,主要由三個資料夾構成:inline、spritesheet 和 svg,使用者可從前兩個資料夾獲取 .html 網頁格式,並查看如何在網頁中載入這些 svg 格式圖示,而 svg 資料夾則是選擇下載的所有圖示檔案。

Click the image to open in full size.

值得一試的三個理由:
  1. 開放原始碼,收錄超過兩百種圖示圖案
  2. 可線上自訂邊框粗細、圖示大小、樣式及顏色
  3. 一鍵打包下載,可為每個圖案產生 .svg 檔案格式
喜歡 Ikonate 具完整自訂性免費圖示下載,SVG 向量格式可設定邊框樣式 嗎?歡迎將免費資源網路社群加入書籤,以 Facebook、Twitter 或 LinkedIn 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆

主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +8。現在的時間是 03:47 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2019,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝明易資訊有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2