iPhoneのモバイルOSとしても有名な、iOS 7のUIデザインをモチーフに作成された、アウトライン型Webアイコンフォント140個セット「Stroke 7 Icon Font Set」が公開されていたので、今回はご紹介します。
また同じデザインを使い、塗りつぶしたアイコンデザイン135個セット「Filled 7 Icon Font Set」も一緒に公開されており、幅広いデザイン制作に活用できるフリー素材となっています。
詳細は以下から。
iOS 7にインスパイアされた、アウトライン型無料アイコンWebフォント素材
Stroke 7 Icon Font Setは、iPhoneモバイル用OSとしても知られている、iOS 7で使われているアウトライン型UIデザインをベースに、作成されたWebアイコンフォントです。収録されているアイコン数は140種類と豊富で、Webサイトやモバイルアプリデザインで使えるアイコンデザインがまとめられています。
あらかじめHTML/CSSでスタイリングされているので、サイズや色などさまざまなスタイルを適用することができます。
すべてのアイコンを確認するには以下のデモページよりどうぞ。
[button_square color=”blue” url=”http://themes-pixeden.com/font-demos/7-stroke/index.html”] デモページ [/button_square]
Webアイコンフォントの取り扱い方法やスタイリングについて解説したドキュメントも一緒に公開されています。
[button_square color=”orange” url=”http://themes-pixeden.com/font-demos/7-stroke/documentation.html”] 取り扱い説明書 [/button_square]
同時にアイコンを塗りつぶしたスタイル「Filled 7 Icon Font Set」も、Webアイコンフォントとして公開されており、こちらは全部で135個のアイコン素材が収録されています。
デモページはこちら、サイズや背景を切り替えたりと、実用的なスタイングデモとなっています。
[button_square color=”blue” url=”http://themes-pixeden.com/font-demos/7-filled/index.html”] デモページ [/button_square]
CSSスタイルを利用したサイズや色の変更はもちろん、アニメーションエフェクトなども追加することができます。
[button_square color=”orange” url=”http://themes-pixeden.com/font-demos/7-filled/documentation.html”] 取り扱い説明書 [/button_square]
