iOS 7に採用された、ラインのみで描かれた、シンプルなアイコンデザインは、モバイルサイトの他に、Webデザインでも利用されるようになってきています。
海外デザインブログCSS Authorで、無料ダウンロード可能な、ライン型アイコン素材をまとめたエントリー「60+ Free Line Icon Sets」が公開されていたので、今回はご紹介します。シンプルなデザインが中心となり、汎用性のあるフリーアイコン素材が収録されています。
詳細は以下から。
シンプルで使いやすい、アウトライン無料アイコン素材まとめ
Photoshop用PSD、Illustrator用AIファイルの他、SVG、PNGファイルで収録。
24 Ecommerce Line Icons (PSD, Ai)
ショッピングサイト用アイテムを、Photoshop用PSDファイル、Illustrator用Aiファイルで収録。
79種類の動物をモチーフにした、ライン型アイコン素材を、Illustrator用Aiファイルで収録。
40種類のユニークな、ベクターアイコン素材セット。
Photoshop用PSD、Illustartor用Ai、EPSファイルのほか、PNGファイルも収録。こちらのエントリーで詳しく紹介しています。
Photoshop用PSD、Illustrator用AI、EPSファイルで収録。
Photoshop用PSDと、Illustrator用AIファイルで収録。
iOS 7に使われている、全80種類のアウトラインアイコン素材を、EPSファイルで収録。
Photoshop用PSDファイルと、Illustrator用Ai、EPSファイルで収録。
Photoshop用PSDファイルと、Illustrator用Ai、EPSファイルで収録。
Photoshop用PSDファイルと、Illustrator用Ai、EPSファイルで収録。
Photoshop用PSDファイル、Illustrator用Ai、EPSファイルで収録。
Illustrator用EPSファイルのほか、PDF、PNGファイルで収録。
Photoshop用PSDファイルのほか、PSDファイルでも収録。
Photoshop用PSDファイルで収録。
Photoshop用PSDファイルで収録。
Webフォントとして活用できるTTF、EOT、WOFFファイルのほか、SVGファイルも収録。
Photoshop用PSDファイル、Illustrator用AI、EPSファイル、PDF、SVGファイルの他、Webフォントでも収録。
Photoshop用PSD、Illustrator用Aiファイル、PNG、SVGファイル、Webフォントを収録。
サークルデザインを加えたスタイルで、Photoshop用PSDファイルで収録。
Photoshop用PSDファイルと、PNGファイルと収録。
ショッピングサイト用アイコン素材21個をセットにした、Photoshop用PSDファイルで収録。
Illustrator用Aiファイルのほか、Webフォントとしても利用可能。
Photohsop用PSD、CSH（カスタムシェイプ）ファイル、 Illustrator用Aiベクターファイルで収録。
PNGファイルで収録された、丸みのあるデザインアイコンセット。
Photoshop用PSDファイル、Illustrator用Ai、EPSファイルで収録。
PSDファイルで50個のファイルを収録。
まとめ iOS 7にも採用、アウトライン化されたシンプル無料アイコン素材まとめ
半年ほど前にまとめたエントリーとなりますが、こちらもご一緒にいかがでしょう。
参考チュートリアル Animated SVG Icons with Snap.svg
Adobe社が公開した、JavaScriptライブラリSnap.svgを利用することで、SVGアイコンファイルに多彩なアニメーションを加えることができます。
[button_square color=”orange” url=”http://tympanus.net/Development/AnimatedSVGIcons/”] デモページ [/button_square] [button_square color=”green” url=”http://tympanus.net/codrops/2013/11/05/animated-svg-icons-with-snap-svg/”] ダウンロードページ [/button_square]
サムネイル@ : iOS 7 Line Icons by Chirag Dave – UiJunction（詳細はこちらのエントリーで）
参照元リンク : 60+ Free Line Icon Sets – CSS Author
