フラットデザインに使える無料アイコンセット19選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フラットデザイン、今や大きなトレンドとなっています。 これまであれだけ「Skeuomorphismデザイン」を推進してきたAppleでさえ、iOS 7からフラットデザインを採用し始めました。潮流とは儚いものですね。 フラットデザインの特徴上、見た目がシンプルで質感を要しないので、制作するのに「Skeuomorphismデザイン」ほど時間がかからず大量生産できちゃいます。なので、質の高いアイコンセットを選りすぐるのには結構時間がかかります。 ということで、今回はそんな「フラットデザイン」に使えるエレガントなアイコンセットを20個集めてみました。参考になればと思います。 フラットデザインに使える無料アイコンセット20選 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
Add Icon Fonts to Text Links
2013年3月25日 CSS CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに！画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ アイコンフォントとは？ アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「Webフォント」の応用として使われ始めました。今までのような画像を使ったアイコンとは違い、フォントはベクターファイルなので、サイズを大きくしてもギザギザに見えることはありません。つまりiPhoneやiPadといった高解像度のディスプレイでも、劣化することなくきれいに表示されます。 ただし！何らかの原因でフォントファイルがダウンロー
商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall
商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall
最近リリースされたシンプルでミニマルながら一味違うフリーのアイコン素材のまとめ
ここ最近立て続けに素晴らしいアイコン素材がリリースされたので、まとめて紹介します。 ほとんどが商用利用も無料です。
商用利用も可能の、フラットなデザインのアイコンを大量に配布するWebサイト・Icons DB
フラットでシンプルなデザインのアイコンを大量に配布しているIcons DBのご紹介。全て商用利用が可能で、帰属表示も不要との事です。サイズもかなりの種類で用意してくれているので、テイストが合うならいいかもですね。 フラットなデザインのアイコンを大量に配布してくれているサイト。著作権は以下のような感じらしいです。 All icons can be used freely in both personal and commercial projects with no attribution required, but always appreciated. 全てのアイコンは商用利用も可能で帰属表示も要らないそうですが、著作権を放棄したわけではないとの事なのでその辺だけご注意です。 使いやすそうなアイコンが沢山あります。カテゴリもかなり多い。 サイズも8種、フォーマットも4種揃っていて、色違い
defaulticon
[dih-fawlt] [ahy-kon] is a repository of elegant, visually unified, minimal icons with crystal clear clarity, based on black color. It Can be used for UI design on web, portable devices (iPhone, iPad, Android compatible devices, other smartphones etc) , desktop applications, and generally any kind of electronic or mechanic machinery interface. The set is completely customizable as it is available
全120種類、シンプルながら細部までしっかり作りこまれた商用利用無料のアイコン素材 -Application Icon Set
アイコン全120種 ダウンロードできるファイルのフォーマットは下記の通りです。 PSD: 制作用のベクターシェイプ3サイズ PNG: すぐに使う用3サイズ CSH: Photoshop用のカスタムシェイプ アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「LICENSE.txt」をご覧ください。
商用利用も無料！ ピクトグラムのアイコン素材のまとめ
全部ダウンロードしたら、3000種以上！ 商用でも無料で利用できる、ピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
[CSS]シンプルながらバリエーションが豊富なソーシャルメディアのボタン
デモページ：カスタム CSS Social Buttonsの使い方 このソーシャルメディアのボタンはピュアCSS3でもHTML5 Canvasでもなく、背景画像を使って実装するものです。これらのアイコンはクロスブラウザで、さまざまなデザインに利用できるよう広い用途を目的としたものです。 外部ファイル スタイルシートを外部ファイルとして記述し、画像フォルダをスタイルシートを同じ階層に設置します。 <link href="social-buttons.css" rel="stylesheet"> HTML テキストをa要素で内包し、classにボタンのスタイルを定義します。 「sb」を共通で、あとはスタイルを組み合わせて記述します。 <a href="#" class="sb orange twitter">Twitter</a> <a href="#" class="sb blue face
フリーデザイン素材「シンプル矢印アイコン25種×10サイズ」 (PIXEL LAB)
シンプルな矢印アイコンセットを公開・配布します。 もともとは個人的にちょこちょこ作成してきたものを、まとめてみました。 Fireworks用のPNGファイルと、Photoshop用のPSDファイルを用意したので、 自由にデザインワークで使ってください。 特徴 25種類×10サイズ 矢印アイコンのフリー素材は、ネットにたくさんありますが、 このアイコンセットでは、25の基本シェイプをベースに、それぞれ10サイズづつ用意してます。 各サイズごとに、ピクセルを最適化し、どのサイズにおいても、シャープに見えるように調整しています。 背景付き、枠付きなど、別パターンも収録 アイコンを使う場合は、裸でつかうより、四角背景の白ヌキだったり、 枠付きで使う場合も多いので、それぞれ、代表的なデザインで用意しました。
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
これだけあればシンプルアイコン探しには困らないかも！全部フリーのシンプルアイコンを一挙紹介！ | バンクーバーのうぇぶ屋
僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います！これだけあれば、まぁ今年は困ることは無いでしょう（たぶん）。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください！ なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います！ あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが
Hlvticons
Preview Hlvticons Basic 245 icons Preview $279 Purchase Extras 232 icons Preview $259 Purchase Additional 123 icons Preview $159 Purchase Complete 600+ icons All icon packs $499 Purchase Read license agreement. 7 file formats Seven file formats of which six are in scalable vector format. The set contains a lot of different file format, such as .gs for Omnigraffle icons, and .chs for Photoshop shap
WEBデザイナー、開発者のためのフリーアイコンセット「20 New Free Icon Sets for Web Designers and Developers」
WEBデザイナー、開発者のためのフリーアイコンセット「20 New Free Icon Sets for Web Designers and Developers」 ユーザーインターフェイスの向上だったり、ページ自体の賑やかしなど、様々な用途で使えるアイコン。WEBデザインにおいて非常に便利な素材の一つです。今日紹介するのはWEBデザイナー、開発者のためのフリーアイコンセットをまとめたエントリー「20 New Free Icon Sets for Web Designers and Developers」です。 Stock Icon Set シンプルなものから、カワイイものまで、様々なデザイン感のアイコンセットが公開されています。 詳しくは以下 ■Open Source Multitouch Gesture Library スマートフォンをはじめとして、動きを伝えるのに便利なジェスチャーア
無料で商用でも利用OKなWebdesigner Depotのアイコン集「Kaching」「Childish」「Buddycons」「Reflection」などなどとにかくいっぱい
イーコマース用のアイコン「Kaching」、子ども向けウェブサイト用のアイコン「Childish」、各種ソーシャルメディアのアイコンをベクター形式で揃えた「Buddycons」、モノクロベースで208種類もある実用アイコン「Reflection」、ベクター形式のソースファイルを同梱したRSS用のアイコン「Supra」、ブルーとブラックを基調にしたベクター形式も収録済みのアイコン「Primo」、ベクター形式とPNG形式の両方を揃えたTwitter用各種アイコンセットなどなど、とにかく山ほど無料で商用利用も可能なオリジナルデザインのアイコンを配布しているのがウェブデザインを扱うブログ「Webdesigner Depot」です。 というわけで、各種アイコンのダウンロードは以下から。 Kaching - Exclusive Free eCommerce Icons | Webdesigner De
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
商用利用も無料、改変も再配布も可のソーシャルサービスのアイコン素材 -JustVector Social Icons
ディテールにこだわったUI素材・テクスチャ・テンプレートが一括でダウンロードできる -Box of Bundles
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
http://designaholic.cc/2011/02/20.html
