記事URLが変わりました!詳細はコチラから!

SNSシェアボタンの画像を自作イラストのアイコンに変更するのは規約違反!ロゴの規約は意外と厳しい!

SNSシェアボタンの画像を自作イラストのアイコンに変更するのは規約違反!ロゴの規約は意外と厳しい!

ぼーる丸
どうも、バーチャルブロガーのぼーる丸です。

すみません、

どうやらやらかしてしまったようです。

先日

『【カスタマイズ】はてなブログのSNSシェアボタンを自作アイコンにする方法【CSS】』

という、SNSシェアボタンを自作アイコンにカスタマイズする方法を

解説する記事を上げたのですが…

どうやらアイコンに改変を加えるのは規約違反だったようなので、

記事を非公開&設置していたSNSシェアボタンを戻すことに致しました。

記事非公開の経緯について

経緯ですが、

ブコメを見ていると…

SNSのアイコンはそれぞれ規定があって、   オリジナルのものにするのは禁止されていますよ

「SNSのアイコンはそれぞれ規定があって、

 オリジナルのものにするのは禁止されていますよ」

タグ:これはひどい 

ぼーる丸
えっ

これマジ?

やばいやばいやばい

と思って調べてみると、

確かに「これはひどい」と思われても仕方ないような

痴態を晒してしまっていたようなので、

この場を借りて深くお詫び申し上げます。

各SNSの運営会社関係者様ならびにロゴデザイナー様、

該当記事を閲覧いただいた皆様、

本当に申し訳ございませんでした。

airifさん(id:airif)

おおごとになる前に、ご指摘いただきありがとうございました。

ロゴの利用規約は意外と厳しい

ぼーる丸
そもそもにロゴに利用規約なんてあったんだ…

というレベルの無知さだった私が悪いのですが…

よくよく考えたら普通に著作物にあたるので

そもそもオリジナルアイコンの作成に取り掛かる前に

一度確認しておくべきでした。

ロゴの利用規約について詳しく解説されている記事はこちら。

参考 FacebookやTwitter、LINEといったロゴの利用規約守ってますか?ロゴを使うときに気を付けなければならないこと | インクループ株式会社|神奈川県相模原市 ホームページ制作、WEBマーケティングWEBマーケティングをGoogleアナリティクスの徹底活用で実践するインクループ株式会社

上記の記事にある通り、

それぞれのロゴには利用規約があるようです。

とりあえずオリジナルアイコンを作ることにより

規約の禁止事項に引っかりそうなものは…

FaceBook

デザインや色を変更するなどの方法で、Facebookブランド素材を改変しない。

  • Facebookを模倣した、またはFacebookと混同されるような商標、名前、ドメイン名、ロゴ、その他のコンテンツ
  • このリソースセンターで提供されている以外の、Facebookを表すアイコン、画像、商標
  • Facebookブランドの一部に、自社の名称や商標、一般名称を統合したもの

引用:Facebook Brand Resources

LINE

禁止事項

LINEが提供する全てのダウンロードデータは、データを変形・加工することはできません。
下記のような使用は禁止します。
下図はアプリアイコンで表示していますが、ダウンロードデータ全てにおいて共通の禁止事項です。

引用:LINE APP ICON GUIDELINE

配布されているアイコンの改変はアウト

公式で配布されているアイコンの改変は間違いなくアウト。

というのはわかりました。

で、でも…

私は一応全部手描きで描いt…

「このリソースセンターで提供されている以外の、Facebookを表すアイコン、画像、商標」

ぼーる丸
アアアアアアアアー!!!!!

なんだあのでっかいモノ

なんだあのでっかいモノ…♂

あ、あれが伝説のエクスカリバー…!?

(※ちがいます)

ほんのちょっとでも改変するだけでもダメみたいですね…

LINEなんて、

よくある違反例

立体化(ドロップシャドウやべベルといったエフェクトを描けること)はよく見られますが禁止です。
バナーなどに入れるときは気を付けてください。

色は白か指定の緑、黒のみ利用可能で、別の色に変更することはできません。
また文章の一部に利用することも禁止です。

引用:FacebookやTwitter、LINEといったロゴの利用規約守ってますか?ロゴを使うときに気を付けなければならないこと | 神奈川県相模原市のWEB制作(ホームページ)、WEBマーケティング インクループ株式会社

なんと、アイコンに影をつけるだけでもアウトのこと!

当ブログでは、

オリジナルアイコンにした上、影までつけていました…

ぼーる丸
これはもう、イエローカード2枚で退場ですね…

twitterだと、まわりの余白まで気を使わないといけないとのこと

まず、鳥のアイコンの大きさを100%とすると、その周りに余白を100%設けなければなりません。
つまり鳥のアイコンの横幅を100pxで使いたい場合、上下左右それぞれに50pxの余白が必要になる。ということです。

引用:あなたは大丈夫?各種SNSのロゴの扱いや表記について-ホームページの更新-ホームページ制作【 アテンド 】WEBデザイン・SEO

  • ロゴ周囲の空白スペースはロゴのサイズの150%以上とする必要がある
  • ロゴを使用してデザインや色を変えるなど、ロゴに変更を加えることを禁止
  • ロゴの最小サイズは16ピクセル
  • テキストで使用する場合は、Twitterと表記する。小文字のtwitterは使用不可

引用:使い方あってる?人気SNSのロゴについてまとめてみました! | Maromaro Blog

  • 鳥のアイコンの横幅を100pxで使いたい場合、上下左右それぞれに50pxの余白が必要になる。
  • ロゴ周囲の空白スペースはロゴのサイズの150%以上とする必要がある 

失礼ですが、

ぼーる丸
意味がわからないよ…

まさか『無の領域』まで指定しているとは思いませんでした。

まあ国旗とかも図形の配置や縦横比の指定とかありますけどね…

というかここまで厳しいと、

各所ブログで使われているSNSシェアボタンも

いくつかアウトなものもあるのでは?

なんだか逆によくわからなくなってきました…

おわりに

調べてる間にも、色々と規約的にアウトな

オリジナルアイコン設置方法の紹介記事とか見えてしまったり…

意外とご存知でない方も多いように見受けられました。

規約に関連する話で、

先日このような記事を見かけました。

参考 納品したイラストが第三者に!?二次創作・販売された話 – さめって参る!さめって参る!

さめって参る!さめはだ舞子さんが納品したイラストを

第三者のイラストレーターに「二次利用」で仕事を依頼したという

トラブルが起こったそうです。

私も気をつけなきゃな…

と考えていた矢先、自分が真っ先に地雷へと踏み込んでしまうとは

思いもよりませんでした。

この業界、無知だと確実に背後から刺される!

そう思ったひよこでした。

ぼーる丸
そこのアナタも、規約はしっかり読みましょうね!