Simple Icons 免費SVG圖示,提供二千個熱門品牌的圖標與標準色

梅問題-Simple Icons 免費提供二千個熱門品牌的SVG圖標與標準色

  Simple Icons提供了二千多個SVG格式的向量圖示,而有別於一些的免費圖示,Simple Icons主要以品牌的圖標為主,共收錄了二千多個熱門的品牌圖標,甚至還提供該品牌的標準色,不用每次都自行猜測,像大家所知的Line是綠色,但到底是那一個綠,有時就得截圖再用吸取工具,進行顏色的探索,但若圖標是有漸層的,就實在難以判斷,每次吸取的顏色都不同。

閱讀更多

Bytesize Icons 免費可商用與自行設定粗細變化的SVG向量圖示

梅問題-Bytesize Icons 免費可商用與自行設定粗細變化的SVG向量圖示

  一般提到網頁圖示,目前大部分都採用載入的方式,然後再透過CSS與HTML,嵌入到網頁中,由於這些圖示都已製作成文字格式,因此就可透過CSS的文字屬性,來設定圖示的顏色、大小,但就是無法改變它的粗細,而最近梅干發現一個,相當神奇的免費圖示。

閱讀更多

CSS Icons 除了提供SVG格式可直接嵌入網頁中,甚至還可直接嵌入Figma、Adobe XD

梅問題-CSS Icons 除了提供SVG格式可直接嵌入網頁中,甚至還可直接嵌入Figma、Adobe XD

  無論是在設計網頁,還是行動裝置的界面,圖示一直是目前不可或缺的設計要素,而以往免費的圖示資源,大部分都僅限於網頁使用,甚至是以字型的方式,當要使用時,再以文字的方式,將圖示嵌入網頁中,雖然這些免費的圖示資源,有提供SVG的格式,但要單獨使用時,就得宣告版權才可使用,實在有些不便。

閱讀更多

Fluenticons 微軟推出4000個免費圖示下載,甚至還可直接拷貝SVG格式

梅問題-Fluenticons 微軟推出4000個圖示免費下載,甚至還可直接拷貝SVG格式檔

  隨著現在大家都習慣看圖,因此網站的視別圖示顯得格外的重要,而提到網站圖示,大家最常用的,不外乎就是FontAwesome、IcoMoon、Bootstrap…等,而每一家都有各自的風格,就可隨著網頁的主題,搭配適合的圖示。

閱讀更多

Lineicons 以線條稿為主的向量圖示,免費版有500+任你用

梅問題-Lineicons 以線條稿為主的向量圖示,免費版有500+任你用

  現在在設計網頁,愈來愈重視UIUX,因此會發現到現在的網站會大量的使用一些圖示,讓你不用看文字,立即就知道這個圖示代表著什麼意義,而向量圖示就像免費字型一樣,永遠不嫌多,而今天梅干要來分享一個,以線條風格為主的向量圖示Lineicons,而Lineicons免費版則提供500多款的圖示供大家使用,付費版則有50000筆之多。

閱讀更多

Themify 以極簡風的主題式圖示免費下載! 且內含 SVG 檔案格式

梅問題-Themify 以極簡風的主題式圖示,免費下載且內含SVG檔

  講到圖示大家的第一印象,應該就是Fontawesome,而Fontawesome裡面的圖示相當的多元且平滑,梅干個人也很喜愛,雖然Fontawesome也有提供SVG的檔案格式,但只限個人使用,因此每當要使用一、二個圖示,就得整包載入,實在有些浪費資源。

閱讀更多

IcoFont 免費2100+高質感的SVG圖示下載與使用教學

梅問題-IcoFont 免費2100+高質感的SVG圖示下載與使用教學

  網頁圖示永遠不嫌多,雖然說每個圖示平台,裡面的圖示都相當的多元且豐富,但有時一定會遇到,當要某個圖示,正巧所載入的圖示沒有時,就得再尋找其它的圖示模組,因此就得再載入其它的圖示模組,而可別小看這些圖示模組的檔案大小,有時東載一個西載一個,就會造成網頁肥胖與載入速度緩慢的原因。

閱讀更多