これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
複数のアイコンプロジェクトから、使用するアイコンだけをアイコンフォントやSVGのセットにできる無料ツール
これまた、便利なツールが登場しました！ 使用するアイコンだけをアイコンフォントやSVGアイコンのセットにできる無料オンラインツールを紹介します。 さまざまなアイコンプロジェクトがサポートされており、BootstrapやMaterial Designをはじめ、当ブログでも紹介したことのある数多くのアイコンから使用するアイコンだけを選択できます。 例えば、Bootstrapからホームとアローだけをセットにするとか、BootstrapのホームとMaterial Designのアローをセットにするとかも簡単です。 Icônes Icônes -GitHub Icônesの特徴 Icônesの使い方 Icônesの特徴 Icônesは複数の商用利用無料のアイコンから、使用するアイコンを選んでセットにして利用できるオンラインツールです。 登録など面倒なことは一切なく、ブラウザから簡単に利用できます。
PWA asset generator - PWA用のアイコン/スプラッシュスクリーン用画像を一気に生成 MOONGIFT
PWA（Progressive Web Apps）は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。 そんなPWAでアプリとしてインストールする機能に注目が集まっていますが、面倒なのが多数のアイコンを作成しなければならない作業です。そこで使ってみたいのがPWA asset generatorです。 PWA asset generatorの使い方 PWA asset generatorを実行します。画像やSVGファイルを指定するだけです。 $ pwa-asset-generator new-org-logo.png 16:24:49 getSplashScreenMetaData Initialising puppeteer to load latest splash screen
任意の画像をiOSやAndroidアプリの各サイズのアイコンに変換する・「Icon cutter」
Icon cutterは任意の画像をiOSやAndroidアプリのアイコンに変換するWebアプリです。Androidならmipmap-xhdpiやmipmap-xxhdpiといったようにic_launcher.pngの各サイズを用意、iOSならipad_settings29x29@2x.pngやiphone_app60x60@3x.pngなど各サイズをセットでZIPに梱包、自動でダウンロードしてくれます。 既に先発サービスはありますが、こちらも利用に何のハードルも無く、目的がはっきりしててシンプルでいいんじゃないでしょうか。 尚、AndroidやiOS以外にMacやwatchも追加可能です。利用は無料でユーザー登録も不要です。覚えておくと、いざという時に便利かもしれませんね。 Icon cutter
異なる解像度のロゴを簡単に作れる「Logo Crunch」を使ってみた
高解像度のロゴを低解像度でも見やすく加工することで、ファビコンやアプリ用アイコンとして使いやすいロゴにすることができるのが「Logo Crunch」です。 Logo Crunch - The multi-resolution logo maker http://brandmark.io/logo-crunch/ 使い方は簡単で、ページ上の「Drop here or click to upload logo」と書かれたエリアにドラッグ＆ドロップでロゴデータを移動させればOK。 すると以下のようにアップロードしたロゴデータが画面上に表示されます。 表示されているロゴは、左側が拡大画像で、右は画面上部のサイズの中で選択したものが実寸で表示されます。 「Crop factor」はロゴデータの拡大が可能 「Simplify」はロゴがよりシンプルになるようで、GIGAZINEロゴの場合は黒色のラインが
Movable Typeの日付カスタムフィールドを2つ使って「開催中」を表示する方法
Movable Typeの日付カスタムフィールドを2つ使って「開催中」を表示する方法を紹介します。 １．概要 先日「Movable Typeの日付カスタムフィールドを使って現在時刻と比較する方法」を紹介しましたが、本エントリーではカスタムフィールドに設定した開始日と終了日をチェックして、現在の日付が期間内であれば「開催中」と表示します。 下のスクリーンショットは「最近のブログ記事」の右側に状況を表示させてみたものです。 完成例 前のカスタマイズ同様、jQueryを使ってリアルタイムに判定します。 ２．事前準備 次のようなカスタムフィールドを事前に2つ作成してください。 まず、開始日用のカスタムフィールドです。 システムオブジェクト：ブログ記事 名前：開始日（任意の名称でOK） 種類：日付と時刻 オプション：日付と時刻 ベースネーム：（任意の名称） テンプレートタグ：EntryCFStart
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もうこれでSVGアイコンを探すときに困らない！ 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes
#