企業サイトやプロダクトページをはじめ、オンラインショップ、ポートフォリオ、ブログなど、WebサイトやアプリのUIデザインに適したSVGアイコンが無料で利用できるTabler Iconsを紹介します。 アイコンの種類はなんと1,900種類超え！ 豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。さらに、PNGやWebフォントも揃っています。

記事のタイトルなどの文字列を入力すると、一定のアルゴリズムに従い、水玉がランダムに配置された画像を作れるサービスが「Articon」です。 Articon - 記事タイトルからアイコンを生成 http://kimihiro-n.appspot.com/static/articon/index.html アイコンを作ってみるには、上記ページにアクセスして、入力欄の部分に文字列を入力するだけでOK。 「GIGAZINE」と入力してみると、入力欄下部の枠内にある水玉が、大きさ・位置・背景色を自動的に変化させて、オシャレな水玉アイコンが生成されました。 カタカナの「ギガジン」だと青色が薄めになり、水玉の数が減ってシンプルなアイコンに。 ひらがなの「ぎがじん」だとこんな感じ。雨が降っているような印象です。 Articonは、article(記事)とicon(アイコン)を組み合わせたサービス名とのこと

デザイン・アート制作時によく用いられるツールやよく見るレイアウトタイプなどをモチーフにしたデザイン関連のアイコンセットのまとめです。 デザイナーのポートフォリオ、チュートリアルなどでツール紹介時に何かワンポイント入れたいとき、わかりやすくレイアウトを説明したいときなどに使えそうなアイコンです。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。

ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel

配布元である「Web Icon Set」からの自薦によるタレコミによると、新しく無料で商用利用OKなアイコンセット「Simplicity Vector Icon Set」の配布を始めたとのことで、どれもこれも非常に使い勝手の良さそうで実用的なアイコンがそろっています。 Simplicity Vector Icon Set | Web Icon Set http://www.webiconset.com/simplicity-vector-icon-set/ ファイル形式はPSDとPNGの2種類で、PSD形式の方はベクター形式のようなパスとして自由自在に拡大縮小が可能、PNG形式の方は背景が透過処理済みで16・24・32・64・128・256・512ピクセルの各サイズがそろっています。 中に含まれているアイコン一覧はこんな感じ。 ダウンロードするには上記配布ページにアクセスし、下部にある「D

「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの

TwitterなどSNSで使えそうな四角い顔アイコンを作成できるネットサービスが「四角い顔アイコンジェネレータ」。デフォルメされたパーツが多く、カスタマイズの幅も広いため、自分の似顔絵だけでなくキャラクターっぽいアイコンなどを作ることが可能です。 四角い顔アイコンジェネレータ -Icon Generators- http://www.icongenerators.net/shikaku.html アイコンは画面上の「今すぐ作る！」をクリックすると作成できます。 アイコンの詳細を決めるメニューはこんな感じ。まずは肌の色。 前髪もさまざまなパターンが存在します。 横髪。 目もキャラクターっぽくデフォルメされたデザインのものがずらりと並びます。 鼻。 口。 まゆ。 頬にはそばかすや赤らみの他、星マークや花マークをつけることもできます。 メガネやサングラス、眼帯など。 「頭」にはリボンや頭巾、ター

無料でダウンロードでき、商用利用も可能な210種類のミニアイコンセットが「Minicons」。ファイルはEPS形式とAI形式の2種類です。 Minicons: Icon Pack Giveaway | Unmatched Style http://unmatchedstyle.com/news/minicons-icon-pack-giveaway.php シンプルかつ使い勝手の良さそうなミニアイコン210種類はこんな感じ。 ダウンロードは画像の下にある「Download the 210 icons here」をクリックすれば始まります。 なお、アイコンは商用利用ができるだけでなく、改変や配布なども可能。アイコンをどのように利用したかをコメントとして残すと、その中から毎週抽選で通常有料のMinicons750個セット(37ドル、約3000円)や1500個セット(59ドル、約4800円)が無

テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア

無料で利用でき、商用利用も可能なミニアイコンを96種類詰め合わせにしたのが「Icecreamcons」。ファイル形式はJPGとPSDの2種類あり、大きさはいずれも32×32ピクセル。ダウンロード方法はちょっと変わっていて、TwitterやFacebookでアドレスを投稿すると無料でダウンロード可能になるという形をとっています。 Icecreamcons - 96 Free Photoshop Vector Icons - Free PSD Download http://www.peartreecreative.co.uk/96-free-photoshop-vector-icons-free-psd-download-icecreamcons/ アイコン96種類はこんな感じ。「Check」「Search」「Login」「Register」「Arrows」「Mail」「Call」「Adre

フォルダアイコンやAppleアイコンなどスタンダードなものから、NARUTO、スーパーマリオシリーズ、サウスパークまで、あらゆる種類のアイコン2万個以上の中から好みのPNGアイコンを選択してダウンロードできるのが「PNG Factory」。アイコンセットの種類や作者・カラーなど、検索条件も変えることができ、商用利用可能なアイコンだけを探しだすことも可能です。 PNG Factory - You want cool icons ? We have some ! http://www.pngfactory.net/ アクセスした時はフランス語で表示されているので、トップペー左上の「en」から英語表示に変えます。 トップページの下部には「BROWSE」「SEARCH」「SHERE」という3つのボタンが表示されています。まずはBROWSEをクリック。 すると、アップロードされた順にアイコンがずらっ

400種類以上のミニアイコンのセットから、ちょっと変わった法律っぽいアイコン、世界中の国旗のアイコン、洗練されたUIキットまで、多種多様なアイコン・ボタン・UIキットを集めてリスト化したものがデザインに関係するトピックを配信するDzineBlog.comで公開されています。いずれも無料でダウンロード可能で、ファイル形式は主にPSDファイルです。 33 New Freebie Buttons and Icon Sets Released in Autumn 2012 - DzineBlog.com http://dzineblog.com/2012/11/33-new-freebie-buttons-and-icon-sets-released-in-autumn-2012.html ◆Free beautiful web icons - Vector social media icons

こんにちは、デザイナーの花ちゃんです！ Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。 今回は、Webサイトはもちろん、図版や資料作成にも欠かせない、無料で使えるアイコン素材サイトをテイスト別にまとめてみました！ 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2

スマートフォン用アプリのツールバーやタブバー、ウェブサイトなどでも使えそうなアイコン200個がセットになったのが「Glyphish」。無料で商用利用も可能で、ファイルはPNG形式とPSD形式の2種類があります。 Glyphish – Great icons for great iPhone & iPad apps http://www.glyphish.com/ どのようなアイコンがあるかというのは以下のような感じ。 ダウンロードの際は画面右上にある「FREE」となっているリンクをクリック。 こんな感じのページが出てくるのですが、下の方の「I'm not ready to go pro. Get free version」というリンクからダウンロードできます。 なお、無料で商用利用は可能ですが、再配布と販売は禁止されています。