Advertisement

140strokeicon_top

 

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でスタイリングされているので、サイズや色などさまざまなスタイルを適用することができます。

 

preview-icon-font-pack-thin-stroke-tab-bar-ios-7-html(2)

Stroke 7 Icon Font Set

 

 

すべてのアイコンを確認するには以下のデモページよりどうぞ。

[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]

 

 

 

preview-icon-font-pack-filled-7-html

Filled 7 Icon Font Set

 

 

同時にアイコンを塗りつぶしたスタイル「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]

詳細情報はこちら

利用に関するライセンスは個人、商用ともに可能となっています。

ダウンロードする

参照元サイト: Stroke 7 Icon Font Set - Icon Fonts - Pixeden