デザイン

デザイン

PR

【2024年版】 デザイン性に優れた絶対お勧めの無料ウェブアイコンパック

Designmodo

Designmodo publishes web design articles, tutorials and has a great shop with the best WordPress and Bootstrap themes, plugins, UI Kits and more.

本記事は、Best Free Web Icon Packs for 2018
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

5,892 views

読了時間 : 約5分17秒

ユーザーインターフェイスには、無限に様々なものが存在します。トレンドがどうであれ-スキューモーフィズム、ミニマム、フラット-、デザイナーはその時々の状況に適応させます。 その優れたデザインに不可欠なものの1つがアイコンです。

 

 

分かりやすい画像アイコンは、ウェブアプリとユーザーのギャップを埋めてくれます。言葉での説明を必要としません。アイコンを見ればすぐに分かるのです。

 

 

Swifticonsのようなミニマムスタイルのピクトグラムアイコンでも、Iconshockのような華やかなピクトグラムアイコンでも、ユーザーには正しいメッセージが伝わります。

 

 

Swifticonsの300以上の無料テクノロジー&アクティビティアイコン

アイコンパック

ユーザーに快適に使ってもらうには、どのようなアイコンにするか熟考が必要です。 選択したスタイル、テーマ、目標に応じて、アイコンは単色または白抜き、白黒またはカラフル、ミニマムまたは華美なもの、静的または動的と変わります。 このようなスタイルの選択をいくつか見ていきましょう。

 

 

ラインアイコン

 

Linecons-フリーベクターアイコンパック

Lineconsは注目のフリーベクトルアイコンのセットです。 セットはラインスタイルの48個からなり、収縮拡大可能です。ウェブやモバイルインターフェースのどんなサイトテーマやデザインにもマッチします。

 

次は、ここ数年間で大人気のスタイルです。ウェブやモバイルアプリなどあらゆるところで目にするものです。アウトラインスタイルを使い始めようと考えているなら、MintのMmmiconsをチェックしてください。様々なスタイルの莫大な数のアイコンパックが用意されています。

 

MintのMmmicons

 

Taras Shypka のPrometheus Free Icon Setは、クラシックなラインスタイルのユニークなテイストのアイコンです。 シンボルは基本的な線とスペース(またはネガティブスペース)で作られていますが、カラフルな影がつけられ、一風変わったアイコンになっています。

 

Taras Shypka のPrometheus Free Icon Set


 

 ソリッドモノクロのアイコン

 

輪郭が描かれたアイコンとは違って、ソリッドアイコンは、コントラストが弱いインターフェイス、または多くのコンテンツを持つインターフェースで有効なアイコンです。この種のアイコンは視覚的に強いので、目を引きます。 また、ソリッドラインは操作性が高いので、様々な変更にも最適です。 Jemis MaliのIOS 11 UI Elements Vol 1Interface Iconsを見てみましょう。

 

IOS 11 UI Elements Vol 1

 

Jemis Maliのフリーアイコンは、2つのセットで提供されていて、とてもよくまとめられています。iOSベースのインターフェイスに必要なすべての要素が取り入れられています。

 

EverydayTemplateが提供しているパックでは、太いアウトラインとソリッドの2つのスタイルのアイコンが200以上紹介されています。各アイテムは、AI,EPSとPNGの3つのフォーマットがあります。

 

 

Interface icons

 

 

カラフルアイコン

 

カラフルなアイコンは決して古くさくなりません。 今年トレンドのトーンと色合いに合わせ、デザイナーがアイコンを作り上げるからです。たとえば、Dusk UI IconsThe Color Icons Setなどは今流行ソフトパステルカラーパレットを使っています。

 

Dusk CU Icons

 

 

Dusk UIは、控えめなミニマルアプローチを採用したPixedenのIcon Setよりも洗練されています。Dusk UI遊び心があり陽気な感じですが、PixedenのIcon Setはビジネス的で控えめになっています。

 

カラーアイコンセット

 

Social Media IconsRadical Science Iconsはトラディッショナルな鮮やかなカラーに少しひねりを加えたものを扱っています。

 

ソーシャルメディアアイコン

 

IconBunnyによるパックは、カラフルとモノクロの両方のバリエーションを含む14スタイルを提供しており、各アイコンは、CDR、EPS、PNGの3つの形式です。

 

InvisionAppによるパック内のアイコンは、小さなイラストのように見える芸術的雰囲気をかもし出しています。 AI、EPS、JPG、PDF、PNG、SVGの6つのフォーマットと、塗りつぶし、フラット、アウトラインの3つのスタイルオプションでフリー素材を提供しています。

 

 

化学アイコン

 

 

アニメーションアイコン

 

アニメーションアイコンは、特別な位置づけをされています。ゆっくりですが確実に、ホバー効果、パララックス効果、アニメーションアイコンなどのインターフェイスで使われるようになってきています。 The small bundle by Icon8は、デザインを構築に理想的な、エレガントなラインスタイルのダイナミックアイテムが60用意されています。

 

 Icons8のアイコンパック

 

原則として、主要フォーマットはPNG、AI、PSD、EPS、Sketchです。 しかしながら、別に2つのフォーマットが用意されています。適合性が高く、多くのプロジェクトに適するもので、SVGとWOFFまたはTTFです。

 

SVGアイコン

 

SVGは2000年からあるものですが、ごく最近になって、品質を損なうことなく好きなサイズに拡大縮小できるという機能のおかげで、普及定着してきました。 XMLベースのフォーマットであるため、検索、索引付け、圧縮、また動画化も可能です。以下を考慮してください:

 

シンプルアイコン:このパックはブランドに焦点を当てています。 ここでは、しっかりした形の有名なロゴタイプが見られます。

フェザーアイコン:このパックは、洗練されたアイコンをそろえています。

邪悪アイコン:こちらはラインSVGアイコンのコレクションです。 非常に小さいですが、それでもRails、Sprockets、Node.js、Gulp、Grunt、CDNを介して使用可能です。

 

 

シンプルアイコン

 

フェザーアイコン

 

 

邪悪アイコン

 

繊細できれいな美学を持つ上記のアイコンパックとは異なり、PathLoveは、明るくアニメっぽいアイコンで、楽しく可愛いアイコンです。

 

Path Love

 

 アイコンフォント

アイコンフォントは様々な点で優れています。 まず、Photoshopや他の画像編集ソフトウェアを使わずにCSSを使ってスタイルを設定できる点。 グラフィックは、好きなサイズであらゆるデバイスできれいに見えます。バラエティが少ないことと、スタイルの選択の数で制限されていますが、多くの場合、十分な量です。いくつかのウェブフォントを紹介します。

 

 

Fontisto

Fontistoは、アクセシビリティ、通貨、支払い、交通機関、Eコマースなどのカテゴリを網羅したプロフェッショナルウェブフォントです。 500文字以上を揃えています。

 

 

Jam

 

Jamはピクセルアイコンの膨大なコレクションを備えたウェブフォントです。422のデザインアイテムがあります。 ウェブ、ビデオ/オーディオ、テキスト、そしてソーシャルといったグループ分けがされ、それぞれ提供されています。

 

BiconDeviconsは、それほど印象的なアイコンセットではありませんが、それでも役には立ちます。約200のフリーアイテムが提供されていて、 Deviconsは少しありふれた感じですが、Biconにはufo、ツリー、ビデオカメラなどのような興味深いものががいくつかあります。

 

Bicon

 

 

 

Devicons

 

 

アイコンは数年前のもののように、制限されたものではもうありません。 たくさんの選択肢があります。 様々なフォーマット、サイズ、スタイル、テーマ。静的と動的の選択肢もあります。間違いなく、アイコン図像はより柔軟で適応性があり、用途が広く、洗練されたものになってきています。

 

 

どのフォーマットを使用したいかを教えてください。 あなたの好きなスタイルは? アイコンのないインターフェースを作成したことがありますか?

 

 

おすすめ新着記事

おすすめタグ