flaticon – 免費icon網站(SVG,PSD,PNG檔案)

在實習時為了要做網站示意圖,得知這個好用的icon網站

對寫網頁相關作業時找icon是個很好用的工具

Flat icon

http://www.flaticon.com/

flaticon

檔案可以下載成SVG, PSD 或 PNG 的類型

也可以有一些CSS的效果,官網有簡單的教學

 
[css]
@font-face {
font-family: “examplefont";
src:’ url(“../fonts/examples.svg") format(“svg");
src: url(“../fonts/examples.ttf") format(“truetype");’
font-weight: normal;
font-style: normal;
}
[class^="icon-“]:before, [class*=" icon-“]:before {
font-family: “examplefont";
display: inline-block;
margin-right: .2em;
text-align: center;
margin-left: .2em;
}
[/css]

Advertisements

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s