Warning: include_once(/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-cache-phase1.php): failed to open stream: Permission denied in /home/users/0/lolipop.jp-dp16105308/web/wp/wp-content/advanced-cache.php on line 8

Warning: include_once(): Failed opening '/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-cache-phase1.php' for inclusion (include_path='.:/usr/local/php/7.4/lib/php') in /home/users/0/lolipop.jp-dp16105308/web/wp/wp-content/advanced-cache.php on line 8
カスタマイズしたアイコンがダウンロードできる「Iconbench」 - Blog.IKUBON.com

カスタマイズしたアイコンがダウンロードできる「Iconbench」

サイトを作成するときに利用する一般的なアイコンに影を付けたりして、ダウンロードできるIconbench

» Iconbench | Style, hand pick & download icons of your choice.

Iconbench


Create new icon setよりアイコンを作成していきます。

Iconbench

アイコンに影をつけたり、グラデーションを入れたりと自分好みのアイコンにカスタマイズしていきます。

Iconbench

デザインが整えれば、次は取り込みたいアイコンを選択していきます。PRO版とFREE版の両方があり、それぞれダウンロードできるアイコンの図柄が少し異なります(今のところBeta版だからか両方ともダウンロードすることができました)。取り込みたいアイコンの選択を終えるとダウンロードして完了。

Iconbench

作成したアイコンの画像はこんな感じです。

aperture_altarrow_leftarticlebeakerbook_alt2cloudcloud_downloadcomment_fillejectboxcalendar_alt_fillcamerachatcheck_alt

ダウンロードしたアイコンのセットを開くと、PNG形式のアイコン画像のほかにCSSファイルまでいっしょになっています。画像のサイズなどを調べなくてもそのままCSSファイルに転記できるので、細かいところですが、親切なつくりになっています。

スポンサーリンク

フォローする

スポンサーリンク