2014/04/19

フラットデザインのソーシャルアイコンを好みの色で出力できる Perfect Icons

http://perfecticons.com/


フラットデザインのソーシャルボタンを出力するCSS3ジェネレーター。

アイコンサイズ、色、マウスオーバー時の効果などをお好みに設定できます。

perfect icons 1

SNS名横のテキストボックスにはリンクさせたいURLを入力。並べ替え、不要なボタンの削除も可能。

perfect icons 2

[Add Icons]から他のSNSアイコンが追加できます。

perfect icons 3


  1. 出力されたアイコンフォントをサーバーにアップロード
  2. CSSを追加、アイコンフォントファイルへのリンク([PATH_TO]部分)を書き換え
  3. ボタンを貼り付けたい位置にHTMLタグを貼り付け
の3ステップでソーシャルアイコンが利用出来るようになります。

perfect icons 4


Perfect Icons - A social icon creation tool.

0 コメント:

コメントを投稿