SNS Icon

parts

ホームページのデザインを崩さず、ほぼコピー&ペーストでカラフルなSNSアイコンを設置することができるデザインCSSです。

アイコンは横に文字を並べてワンポイントにしたり、アイコン自体をリンクにしたりしてお使いいただけます。

ご注意

ロゴの権利はブランドに属します。
それぞれのブランドを示す目的以外の用途では使用しないでください。

アイコンはIcoMoonを利用して作成しています。
アイコンのライセンスはGPL / CC BY 4.0に基づきます。

マシュマロのアイコンにつきましては、マシュマロのロゴ画像の利用についてを確認したうえで、espaceにて追加したものです。

設置方法

  1. <head>~</head>の間で「icon-sns-css.css」を読み込みんでください
    href内のパスは環境に合わせて変更してください 不安な場合は、http://から始まる絶対パスで指定してください)
<link rel="stylesheet" href="icon-sns/icon-sns-css.css">
  1. ドキュメント(2ページ目にあります)に沿って、HTMLファイル内に記述してください

更新履歴

2020/09/10公開・配布開始
2020/10/23webサイトアイコン追加
2020/11/16すべてのアイコンの余白とサイズを変更
youtubeアイコンを削除
Instagramアイコン色変更
facebookアイコン変更
2020/11/17pixivアイコン追加

ドキュメント

次のページにドキュメントをご用意しています。

タイトルとURLをコピーしました