SNS Icon

parts

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

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

ご注意

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

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

また、以下のサービスロゴについては、各ガイドラインを確認したうえでespaceにて追加したものです。

サービス名ガイドライン
マシュマロロゴ画像の利用について
pixivガイドライン
Privatter直接確認し、ロゴ画像をご提供いただきました

設置方法

  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.23
    webサイトアイコン追加
  • 2020.11.16
    以下4件の修正
    • すべてのアイコンの余白とサイズを変更
    • youtubeアイコンを削除
    • Instagramアイコン色変更
    • facebookアイコン変更
  • 2020.11.17
    pixivアイコン追加
  • 2022.04.15
    Privatterアイコン追加

ドキュメント

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

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