400種類以上のアイテムが揃った、Webサイトやスマホアプリにぴったりなシンプルにデザインされた無料アイコンを紹介します。 MITライセンスで、個人でも商用でも無料で利用できます。また、アイコンフォントやSVGとして利用できるので、かなり便利だと思います。
![こいつ動くぞ!商用利用無料、シンプルにデザインされたフォントもSVGも揃ったフリーのアイコン素材 -Box Icons](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d8bb4d5c5f2fb6a10e7321bd21f963c747ef06d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018062801.png)
アイコンセットはいくらあっても便利です。昔は小さな画像の集まり、その後はCSSスプライト、そして最近ではアイコンフォントを使うパターンが多くなっています。アイコンフォントは便利ですが、読み込みに失敗するとトウフだらけになってしまうのが難点です。 そこで使ってみたいのがCSS ICONです。ピュアなCSSだけで作られたアイコンセットです。 CSS ICONの使い方 一例です。フラット、かつ細い線で書かれたフォントになります。 使い方です。色などは自由に変更できます。 白黒反転版もあります。 CSS ICONはアイコンフォントと同様に線の色を変えられるのが利点と言えそうです。大きさも自由ですし、縦横のサイズを変えることだってできます。回転させたりすることもできますし、CSSならでは他の技術と組み合わせた使い方もできるでしょう。 CSS ICONはCSS製のオープンソース・ソフトウェア(Crea
企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上! 豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。
Iconion: カッコいいアイコンのクリエーター Iconionでは、色、影、背景、グラデーション、ストロークなどの多くのファンシーな要素を付け加えることで、どんなアイコンでも幻想的に見えるPNGアイコンに変換することができます アイコンジェネレーター アイコンフォントは、 Webデザイナーがアイコンを操作する拡張性、柔軟性、およびパフォーマンス性を上げられるエキサイティングな方法です。 デスクトップやモバイルアプリケーションでこれらのアイコンを使用しなければならないなら、どうしますか?または、ウェブサイトのファビコンやマルチカラーのアイコンを作成する場合は? 唯一の答えは、 PNGまたはICO形式の昔ながらの画像アイコンです。 Iconionはお気に入りアイコンフォントをモダンでカラフルな画像アイコンに変換できます。 Iconion で何ができる? Font Awesome、Entyp
種類豊富でカラーバリエーションも豊かなアイコンセット「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」 ユーザーを視覚的に誘導してくれるアイコン。1つの種類でカラーバリエーション豊かなものがあると、アイコンのばらつきで雰囲気を損ねることなくデザインに統一性を持たせることができます。今回ご紹介する「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」は、5つのバリエーションでデザイナーの役に立ってくれるアイコンセットです。 シンプルでミニマルなテイストのアイコンが100種、セットでダウンロードできるようになっています。 詳しくは以下 フルカラーのもの、枠線にグラデーションがかかったもの、くすんだ色味など、さまざまなバリエーションが収録されており、表現したいテイストによって使い分けることができそう。
200種類以上もある美しいSVG形式のアイコンをまとめたアイコンセット「Clarity Icons」が、オープンソースのデザインシステムClarity Design System上で公開されています。 Clarity Design System https://vmware.github.io/clarity/icons/icon-sets#core-shapes 「Clarity Icons」には全部で200種類以上のアイコンが収録されており、アイコンは種類ごとにダウンロードすることも可能です。収録されているアイコンの種類は「Core Shapes」「Commerce Shapes」「Essential Shapes」「Media Shapes」「Social Shapes」「Travel Shapes」「Technology Shapes」の7種類で、さらに複数のバリエーションも存在し
スマートフォンやWebサイトなどアイコンを使う機会は多いですが、それらはプラットフォームなどによってサイズがすべて違います。iOSであってもデバイスの画面の大きさや解像度によって異なります。これを一つ一つ作るのは大変です。 そこで一つのSVG画像さえ用意すれば後は自動で生成してくれるnpm-icon-genを使いましょう。 npm-icon-genの使い方 実行しているところです。順番に画像ファイルを生成していきます。 $ icon-gen -i DevRelCon-Tokyo-2017.svg -o ./dist -r Icon generetor from SVG: src: /path/to/DevRelCon-Tokyo-2017.svg dir: /path/to/dist SVG to PNG: Create: /var/folders/s3/q1g_r4fn0bj__vcww
アニメーションするSVGアイコンもそれを実装するJavaScriptも、ゼロから作成すると時間がかかります。 Webページやスマホアプリでよく使用するさまざまなアイテムが用意された、アニメーションに対応したSVGアイコンと埋め込みコードがセットになったJavaScriptのライブラリを紹介します。 実装は非常に簡単で、SVGやJavaScriptが苦手な人でも問題無しです。
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
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種類でデザインされています。
🚧新しいVersionが公開されています🚧 こちらの記事もどうぞ確認ください。 これさえあればサービス構成図がだいたい描けるアイコンセットを公開します! こんにちは。@chanomaruです。 みなさん、スライドを作ってますか? 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし「ロードバランサー」や「キュー」など、よく使うわりにアイコンを探しにくいモチーフも多いですよね? ・・・ということで、社内で利用されている 「これさえあればシステム構成図がだいたい描けるアイコンセット」を公開します! アイコンセット含まれているア
ビール好きならマストでダウンロード。ベルギービールの絵文字、60種類!2016.06.11 16:155,737 そうこ 今日もアツい、ビールがおいしい。 これから使用頻度がどんどん高まるであろうビールの絵文字。iOS/Androidにあるジョッキビールの絵文字を見て、「今日は黒ビールなんだけどなぁ」とか「ジョッキというか、ビアグラスなんだけどなぁ」と思っていたビール通が、大喜びする絵文字がリリースされました。 ベルギービール協会(The Belgian Brewers’ Association)がリリースしたビールの絵文字は全部で60種類。協会メンバーになっている醸造元のビールの特徴をいかした絵文字になっています。グラスも琥珀色の加減もさまざま。これだけあれば、今日の1杯にピッタリなヤツがきっと見つかります。 ビール絵文字はアプリとしてダウンロード可能。iOS/Androidどちらもあり
「さくらのアイコンセット」とは? 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 : general 様々な用途でご利用できる汎用的なアイコン集です。 2 : programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 : server-parts CPU
まだまだ衰えを見せないデザイントレンド、フラットデザイン。 そんなフラットデザインに使えるアウトライン型アイコンのセットをご紹介します。アウトライン型アイコンは、通常のフラットアイコンよりもミニマルで洗練されたイメージに仕上がります。無料とは思えないハイクオリティなアイコンをテーマ別で厳選して集めたので、ぜひデザインの参考にしてみてくださいね。 One line - Free Startup icons スタートアップが企業がテーマで、すべて一筆書きで描かれたアイコンセットです。他にはあまりないデザインなので印象に残ること間違いなしです。 最後のアイコンにはスターウォーズのあのキャラクターが使われているおちゃめさも。 個人利用のみ可です。 Medical icons 医療系のアイコンのセット。水色とピンクが基調の可愛らしい色合いが特徴です。 商用利用可。 Face the Animals:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く