素材｜アイコン

Pure CSSでアイコンを実装できるスタイルシート「icono」

2015/01/08(Thu) 08:43

「icono」は画像を使用せずに、擬似要素や様々なプロパティを使用してCSSのみでアイコンを表現したスタイルシートです。使い方も簡単で必要なファイルを読み込んでクラスを指定するだけで表示させることができ、CSSなのでカラー変更なども容易にできます。WebフォントやSVG使えばって感じですが、それすらも使いたくない場合はよく見かけるものがひと通り揃っていて良いかなと思いました。

http://www.nxworld.net/tips/pure-css-icons-icono.html

Evil Icons – すっきりしたデザインのSVGアイコン集

2015/01/05(Mon) 07:53

Web Fontが人気です。フォントを読み込めばかなり昔のブラウザであってもカスタムフォントが利用できます（IEにおいてはIE4から使えます）。難点としては作り手のスキルが必要ということでしょうか。もう少し手軽に画像ではないアイコンを使いたければSVGを使ってみるのはいかがでしょう。今回はその一つEvil Iconsを紹介します。

http://www.moongift.jp/2014/12/evil-icons-%E3%81%99%E3%81%A3%E3%81%8D%E3%82%8A%E3%81%97%E3%81%9F%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AEsvg%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E9%9B%86/

丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」

2015/01/05(Mon) 07:52

デザイン制作に便利な素材の一つとしてあげられるアイコン。種類やテイストにもさまざまな種類が存在しています。そんな中今回紹介するのは、丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」です。

http://design-develop.net/design/essential-generic-free-icons.html

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #5

2014/12/25(Thu) 07:38

今回は化粧品やファッションなど女性に関連するアイコンセットや様々なものがセットになっているアイコンセットがあります。

http://www.nxworld.net/material/unusual-icon-sets-201412.html

3種類のテイストが用意されているフリーアイコンセット「Basic icons for UI」

2014/12/08(Mon) 07:57

覚えておきたいと思ったので備忘録兼ねてご紹介。「Basic icons for UI」はそれぞれ3種類のテイストが用意されているアイコンセットで、ライセンスに関しても基本的に自由に使用することができます。

http://www.nxworld.net/material/basic-icons-for-ui-freebie.html

Webサイトでよく使うアイテムが揃ってる！美しくデザインされたSVGの超軽量アイコン素材 -Evil Icons

2014/12/05(Fri) 07:58

ソリッドなストロークで美しくデザインされた超軽量アイコン素材を紹介します。SVGなのでカラーやサイズの変更も簡単、アニメーションにも対応しています。

http://coliss.com/articles/freebies/freebies-svg-evil-icons.html

非常にかわいくデザインされたクリスマス用の無料アイコン素材 -Christmas Flat Icons

2014/12/03(Wed) 07:46

『アイコン素材』と簡単に言うにはもったいない程よくできたクリスマス用のかわいいアイコン素材を紹介します。

http://coliss.com/articles/freebies/freebies-christmas-flat-icons-by-madefordesigners.html

400種類のソリッドなラインがかわいいアイコン！編集用ファイルまで用意された嬉しい無料素材 -LineIkons

2014/11/28(Fri) 08:05

コーポレートサイトやコマースサイト、ブログやポートフォリオなどに使えるさまざまなアイテムが揃ってるアイコン素材を紹介します。

http://coliss.com/articles/freebies/freebies-icon-lineikons.html

フラットデザインのアイコンセット 20

2014/11/18(Tue) 07:53

シンプルなものだけでなく、グラデーションやシャドウを用いて立体感を表現しているものや他のものとは違った感じの色合いのタイプもあります。

http://www.nxworld.net/material/free-flat-icon-sets_201411.html

最近気になったソーシャルアイコンセット #7

2014/11/17(Mon) 07:54

ここ最近で気になったソーシャルアイコンセットのまとめです。

http://www.nxworld.net/material/social-icons-set-201411.html