商用利用OKのフリーアイコンダウンロードサイト。テイストを揃えているので様々な案件で使いやすい!パスデータが生きているから簡単にカスタマイズもOK!
はじめに モダンブラウザで使われるファビコンの作り方を見直して、今こそアイコン生成であくせくするのを終わりにしましょう。昨今のフロントエンド開発者は、ブラウザタブやらタッチ画面やらにWebサイトの小さなロゴを表示する、ただそれだけのためだけに静的なPNGファイルを20個以上扱わなければなりません。よりスマートな方法で、現代のニーズに合う最小限のアイコンセットを使う方法を紹介します。 原編集者メモ(2022): 新年をきっかけに本記事を若干更新し、内容が古びないようにしました。 原編集者メモ(2023): 本記事を再度最新の内容に更新しました。 原編集者メモ(2024): 記事を全面的にチェックして最新の内容に更新しました。 原編集者メモ(2025): 最新の内容をチェック済みです。自信を持ってファビコンを扱いましょう! ファビコン(favicon)は見かけよりもずっと幅広く奥深いトピックで
オリジナルのアイコンフォントを作成する やりたいこと 自分で作ったアイコンを一つのフォント化する。 以降、アイコンを追加したい際は、ファイルを追加してビルドすればOK 使ったもの gulp gulp-iconfont 本当はgulpにも依存したくないけど… 自分のSVG作成時のルール gulp-iconfontのレポジトリに詳しく乗っているので、よく読む。 ツール Sketch3を使う Sketch3で作成する際のテンプレートがあるので活用する symbol-font-14px.sketchをベースにしました。 サイズ 500px以上の高さで作ること 基本的に幅と高さ560pxのSVGファイルを作成する テンプレートのサイズ感をそのまま継承 アイコン本体は480pxの正方形に収まるようにする カラー 黒色(#000000)のベタ塗り 試しにSketch3で作ってみた感じ 作成したsvgから
この記事は2015年11月09日時点の情報に基づいて書かれています。情報が一部古くなっている場合があるためご注意ください。 プレゼン資料の表現の幅を広げるうえで、あると便利なのがアイコンです。しかし、資料作成の途中でアイコンを探すのに手間どったり、必要な種類がそろわず色や形がちぐはぐになってしまった経験はありませんか?今回紹介するアイコンは数が豊富(331個)なうえ、大きさや色も自由に変更可能。幅広い用途をカバーできること間違いありません! 実力派アイコンの「iconSweets2」を パワーポイント向けにコンバートしました さて、今回ご紹介するアイコンですが、ウェブデザインに関わる方ならどこかで見覚えがあるかもしれません。ソースは、”Yummygum(http://yummygum.com)”という海外のデザインスタジオがリリースした「iconSweets2」というアイコン集で、これをパ
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう マイクロソフトは、Windows Azure関連のシステム構成図を描くために使えるアイコン集「Windows Azure Symbol/Icon Set」を公開しました。こうしたアイコン集はすでにAmazonクラウドがすでに公開しており、多くの利用者に使われてます。 Windows Azure用に作られてはいますが、一般的なシステム構成図のためのアイコンも多く含んでいるため、さまざまな場面で利用できそうです。公開された多数のアイコンの中から、よく使われそうなアイコンを集めてみました。 データはPowerPoint形式、Visio形式、PNG形式で提供されています。GitHubやBitBucket、DropBoxなどのアイコンもあるので、デプロイ関連の図を描く
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 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
インストールされるデバイスの種類が増えたことで、デベロッパーはたくさんのアイコンをつくる工程が増えました。アイコンを実機に入れてみては、チェックし、変更したりしていると、差し替えるだけでも大変な作業です。そんな時に役立つのが「IconKit」です。 アイコンを一つ準備するだけ 最大サイズのアイコンを一つ準備して「IconKit」にドラッグするだけ! そうすると… こんな感じで、いろいろなサイズのアイコンを作ってくれるのです。 最終的に書きだす際に、どのデバイス用なのかを選択します。 そうると、アイコンがずらっと作られます。 500円(2013/12/13時点)の有料アプリですが、アップデートもきちんと行われ続けていますし、デベロッパーにはおすすめのMacアプリです。 IconKit [sc name=”ios”][sc name=”engeneer”]
アーキテクチャダイアグラムは、設計、デプロイ、トポロジーを伝達する手段として優れています。 このページでは、ダイアグラムの構築に役立つ Amazon Web Services (AWS) 製品のアイコン、リソース、およびツールを提供しています。AWS では、お客様やパートナーがこれらのツールキットやアセットを使用してアーキテクチャ図を作成できるようにしています。 AWS アーキテクチャアイコンはシンプルに設計されているため、ダイアグラム内で簡単に使用できます。ホワイトペーパー、プレゼンテーション、データシート、ポスターなどの資料にアイコンを使用することも可能です。 ダイアグラムは、サードパーティーツール上の既存のライブラリを使用して構築できます。ライブラリにはレガシーアイコンセットが含まれているものもあるため、最新のアイコンを使用していることを確認してください。 アーキテクチャアイコンパッ
Download the best high quality ICO, SVG, PNG icon filesBrowse our online vector icon library powered by our merged partner Find Icons, the largest searchable free icons database in the world. Featuring icons for apps, settings, social media, email & more, get thousands of icons in lots of different styles, for free and in any format.
Author:oYUKIMUSHIo マーケットやその他開発系サイトにはまだまだ知られていない優良アプリがたくさんあります。そんなアプリを導入、検証して紹介していければといいなと思っています。 皆さんの参考になれば幸いです。
思わず音速でクリップしてしまった究極系エントリー。 配布している方が究極だというのだから、きっと究極なんです。 webデザイナーが使いそうなアイコンパック ダウンロードは以下から。 どんなのが入ってるの? ちょいと量が量なので小さく表示してますが、サイズは48×48pxです。 興味のある方は是非。 The Ultimate Free Web Designer’s Icon Set (750 icons, incl. PSD sources) - Smashing Magazine こちらとあわせてどうぞ。 ハイクオリティ無料アイコンまとめ100パック2009年最新版*ホームページを作る人のネタ帳 それでは、また。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く