<-- IE錯誤修正 --> IconBros 持續更新高品質免費圖示集,SVG 和 PNG 格式下載 - 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)  
舊 一週前
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 IconBros 持續更新高品質免費圖示集,SVG 和 PNG 格式下載

Click the image to open in full size.

網路上有無數的素材和圖示集,分為免費和付費項目,如果不是非必要,我認為免費圖示就有不少高品質選擇,當然很多時候圖示都必須和你現有的設計風格配合,才能夠就我的經驗來說,越簡單的設計就更能融入更多的風格中,因此我多半會從較為簡潔的圖示開始找起,例如之前介紹過的 Maki IconsIoniconsZondiconsFeather 都是相對適合使用於各種設計的圖示集。



本文要再推薦一款很棒的高品質免費圖示「IconBros」,這款圖示集的特色是以線條構成,看起來相當簡約,雖然目前只收錄大約 170 個圖示左右,但另一特色是「continuously growing」也就是持續成長開發的圖示集!因此在 IconBros 你可能無法一次找齊所有需要的圖示,但可加入追蹤,它每天都會更新並開放幾個不同的素材讓使用者免費下載。

IconBros 網站提供兩種圖示格式,包括:SVG(向量圖)及 PNG(點陣圖),應該已經能夠符合大部分使用者的需求,此外,IconBros 還有開放圖示字型「Linear Basic Font」可將圖示集快速套用到介面設計中,透過 CSS 方式來載入圖案,對於網頁開發者來說是個非常好用的免費資源。

依照 IconBros 授權說明,這些圖示素材可被使用於個人或商業、非商業用途,也能依照自己的需求調整或改變圖示設計,無須標示來源出處。

網站名稱:IconBros
網站鏈結:https://www.iconbros.com/

使用教學

STEP 1

開啟 IconBros,從首頁就能看到最近更新的圖示圖案,下方還會標示加入時間,跟一般的圖示素材網站一樣都有提供搜尋功能,如果你要找的是圖示字型的話,直接點擊上方的「Font Collections」即可跳到該字型頁面。

Click the image to open in full size.

STEP 2

點擊圖示可開啟更大張的預覽圖,下載方式也很簡單,勾選「I agree…」同意授權條款,接著點擊下方要下載的圖片格式就會開始下載、獲取圖片,不過 IconBros 沒有批次下載、打包圖示的功能,因此只能自己挑選需要的圖示然後逐一下載。

IconBros 圖示都是由簡單的線條構成,適合使用於任何顏色的背景,也不用擔心去背問題。

Click the image to open in full size.

STEP 3

如果你要使用於網頁中,或許透過載入字型方式來取用圖案會更快、也減少對伺服器的請求數,剛好 IconBros 也提供了網頁字型「Linear Basic Font」,從選單「Font Collections」就能找到。至於要如何使用呢?下載後解壓縮可以找到 icons-reference.html 索引參考範例。

Click the image to open in full size.

Click the image to open in full size.

STEP 4

簡單來說,在網頁載入字型檔(iconbros.eot、iconbros.woff、iconbros.ttf、iconbros.svg),再透過程式碼來取用圖片,如果不清楚如何使用,除了在 IconBros 裡找到程式碼範例外,也能 Google 一下應該有不少類似的教學文件。

Click the image to open in full size.

值得一試的三個理由:
  1. 提供 170+ 個以簡單線條構成的圖示圖案,持續更新中
  2. 免費下載 SVG 和 PNG 兩種格式,可作為商業用途
  3. 字型圖示 Linear Basic Font 快速套用於網頁開發專案
喜歡 IconBros 持續更新高品質免費圖示集,SVG 和 PNG 格式下載 嗎?歡迎將免費資源網路社群加入書籤,以 FacebookTwitterGoogle+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

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.


來源...

回覆時引用此篇文章
回覆
相似的主題
主題 主題作者 討論區 回覆 最後發表
VeryIcon 免費下載超過 20,000 個 PNG、ICO 圖示 wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2012-07-09 06:02 PM
Easyicon 超過四十萬個免費圖示,打包快速下載(PNG, ICO, ICNS) wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2011-08-03 03:20 PM
介紹新知或別人沒有的好東西 預覽Vista的下一版(圖片):Windows 7 Bing 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) 0 2008-09-23 11:50 AM
更好的用戶體驗,本平台即將昇級vBulletin® 版本 3.7.0 Bing 站務公告 (News And Announcements) 0 2008-05-13 07:31 PM


主題工具
顯示模式

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

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



所有時間均為 +9。現在的時間是 11:31 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2017,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