backend(mBaaS)。Tipsスマートフォンはどんどん高解像度化しており、画像リソースはどんどん大きくなっています。それだけアプリが肥大化してしまうと利用するユーザもダウンロード待ちに疲れてしまうでしょう。FontやSVGアイコン、そしてCSSフォントです。ベクターベースのアイコンであればどれだけ拡大しても綺麗ですし、一種類用意すれば全てのデバイスで使えます。Web技術であればハイブリッドアプリ開発に使えるMonacaとの親和性も高いのでお勧めです。CSSアイコンはCSS3を使うことでアニメーションもサポートしているものもあります。FontやSVGアイコン、CSSアイコンを配布しているサイトを紹介します。Fontで、SVGフォーマットでも提供されています。単色になっていますので、CSSでカラー指定を行えるようになっています。designIcons8カラフルなアイコンをSVGフォーマットで提供しています。アイコンは実に300種類を越えています。Icons8littleboxCSS3で作られており、アニメーションもサポートしています。旗や決済用のアイコンも提供されています。littleboxsubwayPNG画像は90pxまでですが、SVGやEPSファイルがありますので自由にサイズを変更してアイコンを出力できます。全てが1ファイルになっていますのでスプライトしたり、別ファイルに切り出す必要がありそうです。mariuszostrowski/subwayiconoCSSで作られたアイコンです。単色ですが汎用的に色々な場面で使えそうです。ソーシャルサービス系のアイコンも提供されています。Icons主にWebサービス、特に各種フレームワークと組み合わせて使うことが想定されているSVGアイコンパックです。線が細いのが特徴です。ローディング系のアニメーションも用意されています。Fontで、数百種類のパターンが用意されています。アプリ開発で使うととても捗りそうです。FonticonsMarkaCSSで作られたアイコンです。特徴はアイコンがアニメーションしながら別なアイコンに変化するのをサポートしていることです。ユーザアクションでアイコンを変える時に役立ちそうです。Fontアイコンになります。使いどころは限定的になるかも知れませんが、こうやってまとめておくことで再利用性が良くなるメリットがありそうです。KitCSSアニメーションによるローディングアイコンだけを提供しています。アニメーションGIFを用意することなく、簡単にローディングアイコンが実現します。Viduthalaiiconmelonとても数多くのSVGアイコンを提供しています。Web向けではありますが、MonacaのようなWebViewを使っている場合にも使えて便利ですね。iconmelonDrawicSVGのアイコンセットを提供しています。ソーシャルサービスもあります。はてなブックマークやGitHub、Gruntのアイコンもあり、主に技術者向けかも知れません。AwesomeBootstrapと親和性の高い有名なWebFontです。最新の4.3.0では519アイコンが提供されています。これだけあれば大抵の用途に事足りそうです。toolkit今はフラットデザインが流行なのでアイコンは強調しすぎずシンプルな1色ないし2色程度のものが使われます。そのためWebFont、SVG、CSSアイコンとはとても相性が良いのではないでしょうか。Webサイト向けに使われますが、ハイブリッドアプリの中、例えばタブバーであったりメニューなどで使うとアプリがとても分かりやすくなるのではないでしょうか。Tumblr関連記事2018-03-22ハイブリッドアプリ開発に役立てたい。