ITエンジニア/デザイナ向けにオープンソースを毎日紹介

デザイン - アイコンの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2016/11/02

feathericon - シンプルで分かりやすいSVGアイコン

スマートフォンが高解像度になるにつれて、アプリリソースになる画像もどんどん肥大化する傾向にあります。このままでは巨大な画像リソースばかりになってしまうでしょう。そこで注目したいのがSVGやアイコンフォントです。今回紹介するfeathericonはSVG/アイコンフォントも提供されたシンプルなアイコンセットです。## f...

List

  • 2016/08/17

Slack Emoji Pokemon - Slackで使えるポケモン絵文字

Pokemon Goが人気のため、関連するソフトウェアが次々と生み出されています。その多くはPokemon Goで使えるツール系ですが、そうではないものもたくさんあります。それらを使うと常にポケモンを意識できるようになるでしょう。今回はSlack Emoji Pokemonを紹介します。Slackの中で使えるポケモン絵...

List

  • 2015/12/10

Captain Icon - 手作り感あるアイコン集

Webサイトやアプリを作る際に必須なのがアイコンです。最近はフラットUIやマテリアルデザインの影響で、とてもシンプルなものが多くなっていますが、やはりアイコンは作りたいものに合わせて選ぶのが良いでしょう。今回はそんなアイコンを無償で公開しているCaptain Iconを紹介します。きっとぴったりくる時があるはずです。#...

List

  • 2015/04/28

Flat Color Icons – 300種類のフラットアイコン集

Webサイトのデザイントレンドに合わせて必要になるのがアイコンです。昔はリアルなものが好まれ、さらに小さくなり、フラット、マテリアルと様々なアイコンが望まれるようになっています。今回はその最新版、Flat Color Icons

List

  • 2015/03/19

littlebox – スタイルシートだけで作られたアイコン集

最近はアイコンを画像で提供することが少なくなってきています。バイナリなのでサイズの可変に弱く、サイズも大きくなりがちです。そこで使われるのがWeb Fontなのですが、こちらもちょっとした内容なのにサイズが大きくなってしまいがちです。そこで使ってみたいのがlittleboxです。スタイルシートだけで作られたシンプルなア...

List

  • 2015/03/01

Subway – iOS/Windows Phone/BlackBerryでの利用を想定したシャープなアイコンセット

素敵なアイコンを探す旅は永遠に終わりません。ある時には小さくて可愛らしいものが流行ったかと思うと、次はシンプルでフラットなものが流行になります。古くさいデザインにならないためにも常に先進的デザインを追いかけなければなりません。今回は新しいアイコンセット、Subwayを紹介します。多数のモバイルデバイスに合わせたサイズが...

List

  • 2015/02/02

icono - CSS3製のアイコン

最近はWeb Fontに人気が集まっています。それまでは一つの画像にまとめてスプライトしていたので、アイコンの使い方も移り変わりがあるようです。さらにSVGを使ったアイコンというの選択しもあります。大事なのはバイナリからベクターベースになってきているという点で、さらに軽量さを求めるようになっています。今回はその一例とし...

List

  • 2014/12/31

Evil Icons – すっきりしたデザインのSVGアイコン集

Web Fontが人気です。フォントを読み込めばかなり昔のブラウザであってもカスタムフォントが利用できます(IEにおいてはIE4から使えます)。難点としては作り手のスキルが必要ということでしょうか。もう少し手軽に画像ではないアイコンを使いたければSVGを使ってみるのはいかがでしょう。今回はその一つEvil Iconsを...

List

  • 2014/12/26

Material Design Fonticons – GoogleマテリアルアイコンのWeb Font版

マテリアルデザインにおいてアイコンは大事な存在です。これまではラベルの補助だったのが、よりアイコンだけでも意図が伝わるようにしなければなりません。そのためにはちょっとした変化を含めてアイコンの種類がもっとたくさん必要です。そこでGoogleもアイコン集を提供している

List

  • 2014/12/23

Yoios - iOS 8にインスパイアされたMac OSX用のフラットなアイコン集

iOS 8ではアイコンがさらにフラットなデザインに刷新され、それに伴ってサードパーティーのアプリもフラットに変わってきています。すっきりとしたデザインは目的が分かりやすく、ユーザビリティが高いのが利点です(ただしデザイン力は求められますが)。そんなiOS 8らしいデザインをMac OSXでも実現しようというのがYoio...

List

  • 2014/10/09

Marka – アニメーションをサポートした綺麗なアイコンライブラリ

Webサイトにはアイコンが付き物ですよね。しかしフラットUIが流行とあって、アイコンも派手なものではなく単色でシンプルなものが好まれるようになっています。例えばWeb Fontを使ったアイコンです。Web Fontを使った場合、カラーリングやサイズの自由が大きいですが、向きを変えたりアニメーションさせたりするのは難しい...

List

  • 2014/07/17

inuicon – pplogの中で使われているアイコンフォント(Web Font)

最近は画像でアイコンを表示する代わりにWeb Fontを使うケースが増えてきました。Font Awesomeをはじめとして、公開されているものを使うのは容易ですが、自分のために新規で作成するというのは難しい印象があります。そんな中、参考にしてみたいのがinuiconです。pplog.net

List

  • 2014/03/19

Iconion - 素敵なアイコン画像が簡単に作れちゃう!

これは素敵すぎる!アイコン画像の作成は大変です。小さな画像ながら、それを見て内容が理解できないとアイコンとしての意味がありません。最近ではIconfinder

List

  • 2014/01/11

Loaders Kit - CSS3で作るローディングアイコン

WebアプリケーションはAjaxを多用するので処理状態を分かりやすくためローディングアイコンを使うと良いでしょう。通常その手のリソースにはアニメーションGIFが使われますが、色やサイズを変えたいと思う度に素材を作らないといけないのは不便です。そこで新しいローディングアイコンを提供してくれるのがLoaders Kitです...

List

  • 2013/12/26

iconmelon - 色々使えそうなSVG製アイコン集

アイコンを上手に使うと文字で説明するよりももっと簡単にすぐに機能や意味するところを理解してくれるようになります。最近ではアイコンに使う素材の選択肢が広がっており、PNGやGIFといった画像の他、Web Fontsを選択するケースも増えています。今回はそのどちらでもない、SVGを使ったアイコン集iconmelonを紹介し...

List

  • 2012/08/27

拡大しても奇麗!SVGで作られたアイコン集「Drawic」

DrawicはSVGで作られたソーシャルサービス系アイコン集です。新しいMacBook ProやiPad、iPhoneなどから導入が進んでいるRetina Display。これまでにないほど、奇麗な描画が特徴ですが、それによって画像などの粗さが目立つようになってしまいました。それを回避するには画像ではなくベクターを使う...

26129?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f03%2f4c6ecc7ab4139b9661c7b18ae027117f

  • 2011/04/01

HTML5対応のjQuery UI向けウィジェット集「Aristo jQuery UI Theme」,

Aristo jQuery UI ThemeはjQueryを使ったHTML5対応ブラウザ向けのウィジェット集。Aristo jQuery UI ThemeはWebベース、JavaScript/jQuery製のオープンソース・ソフトウェア。iOSやAndroidといったスマートフォンに対してアプローチする方法としては二種...

List

  • 2011/02/23

Webサイトのデザインにぴったり。多数収録したアイコン集「Open Icon Library」

Open Icon LibraryはWebサービスの開発に使えるアイコン集(PNG/SVG)。Open Icon LibraryはPNG/SVG画像のオープンソース・ソフトウェア。Webサービスを作る上でアイコンは欠かせない存在だ。シンプルなテキストのみというサイトもあるが、やはり見た目のインパクトや分かりやすさにおい...

List

  • 2010/07/16

色々なWebアプリケーションで使えそうなアイコン集「gcons」

gconsは画像のフリーウェア(オープンソース・ソフトウェアとなっているがライセンスは不明)。WebサイトやWebアプリケーションを開発する時にデザインが成功するか否かを握る割合はとても大きい。文字で一つ一つ説明するのではなく、アイコンをうまく配置することで誤解が避けられたり、ユーザビリティが高くなる効果がある。こんな...

List

  • 2009/10/29

マッシュアップに便利に使えそうなGoogleマップ用アイコン集「Google Maps Icons」

Google Maps Iconsは画像のオープンソース・ソフトウェア。地図とWebの相性は良い。それはGoogleマップを使ったマッシュアップが世界中で作られているマッシュアップの半分近くを占めていることでもよく分かる。地図に何かの情報を結びつけるだけで利便性が向上し、楽しいアプリケーションになるのだ。Googleマ...