各種SNSアイコンをWebサービスを利用して作成してみました。

2016/08/22WEBサービス, WEB

どうも、リョウ(@ryskyshd)です。

毎日更新も慣れてくるとだんだん楽しく、面白くなってきて日常のささいなことがブログのネタに思えて仕方ない今日この頃です。

さて、今日は昨日のエントリーに引き続きSNS関連です。
当ブログ内に設置するための、各種SNSへのリンクに使うアイコンを作成しましたのでその方法について簡単ですがエントリーしたいと思います。

ようやくこのサイトを使う日が来ました!

ずいぶん前から私のパソコンにブックマークしていた以下のサイト。

ブログ用のSNSアイコンは絶対ココで作るぞと思って温存していました。
使い方は非常に簡単です。

Icons DB   free custom icons

ちょっと画像が小さすぎて見づらいですが、左上にアイコンのカラーを指定して、右上のSearchボタンから検索します。
まずはカラーを指定して「GO」ボタンをクリック。
例として「#3b5998」を指定しました。

Icons DB 1

すると、上記で指定したカラーをベースとしたアイコンがいくつか表示されます。

Custom color icons   Free custom color icons   Free flat any color icons

さらに右上の検索ボックスに検索したいキーワードを入れて「Search」ボタンをクリックします。

Icons DB 2

例として「facebook」と入力しました。

Custom color facebook icons   Free facebook icons   Facebook icons

するとこのように、指定したカラーのFacebookアイコンが表示されますので、気に入ったアイコンをクリックします。
今回は「Facebook 4」を選択しました。

Custom color facebook 4 icon   Free facebook icons

アイコンの下の方には、そのアイコンを色々なサイズや形式でダウンロードするためのリンクがあります。

Custom color facebook 4 icon   Free facebook icons2

これだけ揃っていればほぼ問題ないでしょう。
気に入ったアイコンをダウンロードして終わりです。

各種SNSのテーマカラーはココでゲット!

上の例では「Facebook」を挙げ、そのカラーは「#3b5998」と指定しました。
では、このカラーはどうやって決めたのでしょうか。

答えは簡単、以下のサイトを利用しました。

このサイトも上のサイトと同時期に見つけ、使える日を待ち望んでいたサイトです。
このサイトでは、世界中のWebサービスに関するテーマカラーが掲載されています。
日本で有名なサイトはほぼ網羅されているのではないでしょうか。

ちなみに、Facebookは#3b5998、Twitterは#00acee、Google+は#dd4b39、RSSは#ee802fとなってますので、ご参考までに。
その他にも多数ありますので、興味のある方は覗いてみてください。

最後に

いかがでしたでしょうか。
ずいぶん前にブックマークしていたサイトがようやく使えるようになりました。
手軽に各種アイコンが作成できるのがデザイン関係にド素人な私には神様のようなサイトです。
あとはどこにこのアイコンを設置するか、それをじっくり考えていきたいと思います。

facebook-icon
twitter-icon
google-plus-icon
rss-icon

スポンサーリンク