Webサイト・ブログやアプリのUIにも役に立つ商用可で無料で使用できるアイコンフォントとCSSのツールキット「fontisto」の紹介です。ソーシャルメディア・Webサービスや、クレジット・ローディングまで500種類以上のアイコンを簡単に設置ができます。
![500種類以上のアイコンフォントとCSSのツールキット「Fontisto」](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4be7b6c73b6406d77fe17c174a31d52655f767f/height=288;version=1;width=512/https%3A%2F%2Fdesign.webclips.jp%2Fwp-content%2Fuploads%2F2018%2F04%2F20180409_01.jpg)
ウェブデザインやアプリ用デザインを作成するときに、シンプルな絵柄や絵文字が重要なデザイン要素のひとつで、利用には細心の注意を払う必要があります。アイコン素材は見た目を良くするだけでなく、サイトやアプリを使いやすしてくれる役割があります。 今回は、無料ダウンロードできる良質アイコン素材セットをまとめてご紹介します。アウトラインスタイルのエレガントな素材から、フラットスタイルの鮮やかで大胆なデザインまで、シンプルなものから複雑なものまで幅広く揃えています。ここでは企業向けWebサイトやスポーツ、医療、飲食などにあらゆるプロジェクトに便利なアイテムを中心にまとめています。 「本当に欲しいモノだけ集めました。」新作無料アイコン素材集 2016年9月度 超お手軽!お好みのカスタムアイコンを数秒で作成する方法10個まとめ 豊富なファイル形式が用意されているので、Photoshop や Illustra
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
1⃣「イラスト・マンガ総合講座」 大手専門校ノウハウでイラスト上達! 今なら無料の資料請求だけでキャラクター描き方ガイドブックもらえる🎁 👉公式サイト https://human-yakan.com/ 2⃣「ATAM ACADEMY(アタムアカデミー)」 絵がうまくなりたい小学生~高校生向けオンライン講座! 先着限定でお得な無料体験レッスン実施中 👉公式サイト https://atam-academy.com/ どうも、元イラストアートディレクターのハシケン(@conteanime)です。 年々SNSも種類が多くなり、ビジネスやブログでもあなたに似たアイコン画像を使いたい機会が増えてきてるんじゃないでしょうか?
「さくらのアイコンセット」とは? 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 : general 様々な用途でご利用できる汎用的なアイコン集です。 2 : programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 : server-parts CPU
ピクトグラム素材は、WebデザインはもちろんDTP、パワポ資料、広告とあらゆるシーンに活用できます。 最近ではシンプルなフラットデザインがトレンドということもあってか特に使用する機会が増えてきています。 そんなピクトグラム素材は無料でもあらゆるデザインのものが手に入り大変便利です。 今回は、無料で高品質のピクトグラムをピックアップしてご紹介します。素材をお探しの際には是非参考にしてみてください。 無料ピクトグラム28選 1.iconSweets2 http://iconsweets2.com/ シンプルデザインの定番アイコンが、編集可能なPSD形式でダウンロードできるアイコンセットです。 小さいアイコンから大きめアイコンまで3サイズが揃います。 2.iconmonstr http://iconmonstr.com/ PNG、SVGの2種類の形式でダウンロードできるのが嬉しいアイコン集です。
たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。 htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます! 5.0とは合わないようですが、検索のコツは同様に学ぶことができます。 FontAwesomeの使い方まとめようかと思いましたが、こちらのサイト様より丁寧にできる自信がありません! 使い方については↓を! http://h2ham.net/font-awasome おんなじWEBアイコンフォントはGenericonsを使っていたのですが、いまいち文字とのベースラインが合わないのが気になって、最近はAwesomeをよく使っています。 Genericonsについての記事はこちらをどうぞ! Twenty Fourteenに標準装
Flat Color 使い方は、簡単です。 Step 1: 外部ファイル 外部ファイルにjquery.jsを使用している場合は、下記の外部スクリプトを加えます。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> AngularJSバージョンも用意されています。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script> Step 2: HTML あとは、使用するアイコンのコードを書くだけです。 アイコンをクリックするとコードが表示されるので、そ
Webページやプレゼンの資料やお店のフライヤーなど、法人でも個人でもWebサイト・ブログ・映像・アプリ・ゲーム・紙で無料利用できるフリーのアイコン素材を紹介します。 WebページにはアイコンフォントやSVGアイコン、紙にはPNGアイコン、デザインもベーシックなものからちょっと変わった面白いものまで、見ているだけで楽しめるアイコンばかりです。 Fontello Font Awesome, Entypo, Typicons, Iconicなど、メジャーサイトのアイコンを自由に組み合わせて、自分用のアイコンセットを作成してダウンロードできます。 Webサイトで使うベーシックでシンプルなものなら、ここだけで足りるでしょう。 ライセンスは各アイコンごとに異なりますが、SIL, BSD, MITのオープンソースのものが主です。
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです(現在は、4月に更新された Ver. 2.22)。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
This build-your-own iPhone icon kit comes complete with 20 sample vector icons and various backgrounds for hundreds of possible combinations. Using vector shape layers for easy customization, and Smart Objects for automatic updating of icon sizes, this kit makes it a breeze to create your own high quality quality, gorgeous iPhone, iPad and iOS 7 application icons. Update July 10 2013: iOS 7 ready
iOS7に対応したiPhoneアプリ・iPadアプリのアイコンサイズと角丸半径をを一覧で確認できるようにまとめました! iOS7がリリースされて、iPhoneアプリでは114×114だったアイコンサイズが120×120に変更したりとちょっとした微々たる変化が! 一覧でわかりやすく表示しました。 アプリアイコン作成時の参考にどうぞ。また一緒に角丸半径も変更された模様! iOS6とiOS7で角丸半径が違うのでデザインがずれてしまう結果に・・・。当分は、どちらかを優先してデザインするしかなさそうですね・・ iOS7用iPhoneアプリ アイコンサイズ一覧 単位はピクセル ファイル名 (対応OS) 画像サイズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く