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

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

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

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

もっと見る

List

  • 2019/08/22

SuperTinyIcons - 1KB以下の軽量アイコン集

アイコン集はいくら知っていてもいいものです。多彩なパターンに対応したものもあれば、特定の用途に使えるものもあります。様々なものを知っていれば、役立つ機会が多いにあります。今回紹介するSuperTinyIconsは1KB以下という小さなサイズが特徴なアイコン集となっています。## SuperTinyIconsの使い方ソー...

List

  • 2019/05/16

Remix Icon - 小さめな表示にぴったりなSVGアイコン

アイコンはWebサイトのデザイン、特徴によって雰囲気に合わせて選ばなければなりません。そのため、一つのアイコンセットを知っていれば良いのではなく、様々なものを見ておくと良いでしょう。フォントと変わらない存在です。そんなアイコンセットとしてRemix Iconを紹介します。小さめのアイコンで、控えめなデザインが特徴です。...

List

  • 2019/05/12

Ikonate - カスタマイズ重視のSVGアイコン集

SVGの良いところはXMLでベクターベースなのでJavaScriptからカスタマイズしやすいということです。色などはもちろん、表示する向きなども変えられます。拡大、縮小しても綺麗なのも嬉しいポイントです。そんなSVGアイコンとしてIkonateを紹介します。カスタマイズしやすいのが売りのSVGアイコン集です。## Ik...

List

  • 2018/11/21

Clarity - 多彩な種類が用意されたアイコンセット

Webサイトやスマートフォンアプリにおいてアイコンはとても重要です。全体として統一されていることでユーザが迷いなく操作できるようになります。最近のフラットで単色系のアイコンでは使われるシンボルが共通化されつつありますが、それでも多彩な種類に対応していないと、ぴたりと当てはまる使い方ができません。今回紹介するClarit...

List

  • 2018/11/19

Eva icons - 480種類以上の綺麗なアイコン集

アイコンはWebサイトやアプリなどの使い勝手を決定づける重要な存在です。統一されたアイコンを使っているかどうかは大きな問題であり、そのためにも多数のパターンに対応したアイコン集の利用が求められます。今回は480種類を越えるアイコンを収録したEva iconsを紹介します。## Eva iconsの使い方PNG版を紹介し...

List

  • 2018/09/19

IconGenerator - iOS/macOS/watchOSなどのアイコン画像をまとめて生成

iPhoneやiPadなどiOSデバイスの種類が増えるのに伴ってアプリで用意しなければならないアイコンの種類も増えています。サイズが多彩にあり、いちいち用意するのが面倒に感じているのではないでしょうか。そこで使ってみたいのがIconGeneratorです。一つのファイルからまとめてアイコンファイルを生成してくれます。#...

List

  • 2018/09/06

Weather Symbols - 多彩な表現をサポートした天気アイコン集

天気は晴、曇り、雨、雪くらいしかないと思うでしょうか。実際には時々雨と言った表現もあったり、昼と夜とがあったりと細かな派生がたくさんあります。もしWebサイトに天気情報を載せようと思ったら、そのパターンに対応するのが大変です。そこで使ってみたいのがWeather Symbolsです。様々なパターンに対応した天気アイコン...

List

  • 2018/08/25

Twemoji - Twitter製の絵文字集

AppleやAndroidなど各社が絵文字を作成していますが、それはOSに限りません。例えばFacebook、Slack、Twitterなども絵文字を利用します。その際には彼ら独自の絵文字も使われます。今回紹介するTwemojiはTwitter社がオープンソースで公開した自社の絵文字になります。## Twemojiの使...

List

  • 2018/07/16

BoxIcons - シンプルで使いやすいアイコンセット

テキストによる説明よりもアイコンの方が分かりやすいケースは多いです(逆もありますが)。アイコンは言語を超えて使えるので、多言語対応しなければならない場合にもほぼ同じものが使えます。今回は400を超えるシンプルなアイコンセットを提供するBoxIconsを紹介します。## BoxIconsの使い方一例です。単色で分かりやす...

List

  • 2018/04/13

CSS ICON - ピュアなCSSだけで作られたアイコンセット

アイコンセットはいくらあっても便利です。昔は小さな画像の集まり、その後はCSSスプライト、そして最近ではアイコンフォントを使うパターンが多くなっています。アイコンフォントは便利ですが、読み込みに失敗するとトウフだらけになってしまうのが難点です。そこで使ってみたいのがCSS ICONです。ピュアなCSSだけで作られたアイ...

List

  • 2018/02/02

GitHub File Icon - GitHubのファイルアイコンを最適に

開発者であればGitHubのサイトを訪れる機会は多いと思います。その際にはファイルブラウザを見ると思いますが、すべてのファイルが同じアイコンになっているので分かりづらいかも知れません。そこで使ってみたいのがGitHub File Iconです。拡張子に応じたファイルアイコンに変換してくれます。## GitHub Fil...

List

  • 2017/06/20

Feather - SVG製のシンプルなアイコン集

Webサービスやスマートフォンアプリでどういったアイコンを使うかで全体の印象が大きく変わります。フラットデザインやマテリアルデザインのトレンドの中ではシンプルでラインだけで表現されたものが好まれています。今回紹介するFeatherはその流れを受けた、シンプルなアイコンになります。## Featherの使い方一覧です。基...

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を...