他社サービスのロゴやアイコンを自社のサイト・ツールに使ってよいか｜似せて作ったマークが危ない理由と、独自マークに置き換える判断手順

ホームページに「LINEで予約」のボタンを置く。店舗向けのツールに「Googleの口コミへ」というリンクを付ける。どちらも今の店舗運営では当たり前の導線ですが、そのボタンに他社のロゴやアイコンを載せてよいのかは、意外と誰も確かめていません。

結論を先に書きます。判断の軸は次の3つです。

1. サービス名を文字で書くのは問題ない。「LINEで予約する」「Googleの口コミを見る」のように、機能の説明として社名・サービス名を書くことは通常の使い方です
2. ロゴやアイコンは、提供元が配布している公式素材を、提供元の条件どおり無改変で使う。色を変える、形を丸める、文字を足す、自社のマークと組み合わせる、はすべて外れます
3. 一番危ないのは「似せて作る」こと。公式素材ではないのに、見た人が公式のものだと受け取るマークは、無断使用と同じかそれ以上の問題になります

この3つを守れば、他社サービスとの連携を案内するサイトやツールは安全に作れます。逆に、この線を越えたマークが1つでも入っていると、外部に売るツールでは致命傷になりえます。弊社は名古屋でホームページ制作と店舗向け業務ツールの開発・運用を行っており、実際に納品前の確認で引っかかった例を含めて、判断の手順をまとめます。

「使ってよい」と「危ない」の線引き

まず、よくある場面を線引き表にします。

場面	判断	理由
ボタンの文字に「LINEで予約」と書く	使ってよい	機能の説明。どのサービスへ飛ぶかを示す必要な情報
提供元が配布する「友だち追加ボタン」をそのまま置く	使ってよい	提供元が用途を定めて配布している素材。条件を守る前提
公式アイコンを自社サイトの色味に合わせて塗り替える	危ない	改変は原則不可。提供元の条件に外れる
公式アイコンを自社サービスのロゴの一部として使う	使えない	自社のブランドとして使う行為。提供元が禁じている典型
公式アイコンを使わず、緑の角丸に白文字で「LINE」と描く	最も危ない	似せて作ったマーク。見た人は公式だと受け取る
自社ツールのブランド色を、そのサービスの色にそっくり合わせる	避ける	単独では問題にならなくても、形と組み合わさると模倣に近づく

線引きの根っこは1つです。「そのサービスの提供元が作ったものだ」と見た人に誤認させるかどうか。文字で名前を書く行為は誤認を生みません。公式素材を条件どおりに置くのも、提供元が想定した使い方です。誤認を生むのは、改変したマークと、似せて作ったマークです。

各社は自社のロゴやアイコンについて、使ってよい場面・禁止事項・最小サイズや余白といった条件を「ブランドガイドライン」などの名前で公開しています。細かな条件はサービスごとに違い、改定もされるので、使う前に最新版を読むのが前提です。ここでは、どのサービスにもほぼ共通する原則だけを扱います。

なぜ「似せて作る」が一番危ないのか

「公式のロゴを勝手に使うのがダメなのは分かる。でも自分で描いたマークなら自分のものでは」と考えがちです。ここが逆です。

自分で描いたとしても、見た人が「これはあのサービスのマークだ」と受け取るなら、そのマークは提供元の商標と同じ働きをしています。商標の保護は「同一のデータを使ったか」ではなく「需要者が混同するか」で見られます。似せて作った時点で、公式素材を無断で貼ったのと同じ問題を抱え、しかも「改変した」という要素まで加わります。

もうひとつ、実務上の理由があります。似せて作ったマークは、作った本人も周囲も気づきにくいという点です。公式素材を貼れば「これは借り物だ」という意識が働きます。自分で描いたものには、その意識が働きません。指摘されるまで誰も問題だと思わない。だから納品まで通ってしまいます。

実例：AIが勝手に「公式そっくりのマーク」を作る

弊社が運用している、美容室向けのLINE通知ツールの例です。予約の前日リマインドと来店後のお礼をLINEで自動送信する仕組みで、店舗が使う管理画面を持っています。

ツール自身のマークは、連携先のサービスと無関係な一般的な意匠にする。これが正しい状態です。弊社のこのツールでは、吹き出しにチェックが入った独自の図形をマークにしています。

ただし、この状態は自然には出来上がりません。管理画面のデザインを刷新した際、生成AIに画面の設計と実装を任せると、初稿のサイドバー左上に緑の角丸四角に白文字で「LINE」と描かれたブランドマークが置かれてきます。こちらから指示していなくても、「LINE通知ツール」という名前から、AIが自動的にそういうマークを作るのです。弊社の初稿でも実際にこれが出ており、納品前の目視で独自の図形へ差し替えました。ブランド色も深い緑（#1f6b4d）で、LINEの黄緑（#06C755）とは明確に別の色です。「通知が届いた」という機能を表す意匠であって、どこのサービスにも寄せていません。

ここで押さえてほしいのは、「サービス名＋ツール」という名前を付けたとき、AIはそのサービスのロゴに寄せたマークを作りやすいという事実です。LINE、Instagram、X、Googleなど、どの連携先でも同じことが起こりえます。AIに画面を作らせる場合、生成されたロゴ・アイコン・ブランド色の3点は、機能が正しく動くかとは別の観点で必ず目視する必要があります。

このツールは外部の店舗へ販売する前提で作っています。もし公式そっくりのマークを付けたまま販売していれば、提供元から指摘された時点で、全店舗の画面差し替えと説明が必要になります。納品前の目視1回で防げる問題としては、あまりに損失が大きいです。

実例：ロゴを置かず、注記で誠実に伝える

もうひとつ、多店舗向けにグループLINEへ自動配信するツールの紹介ページの例です。

このページではLINEのロゴを一切使っていません。連携先の名前は文字で書き、さらに「LINEヤフー株式会社が提供する公式サービスではありません」という非公式サービスである注記と、商標はLINEヤフー株式会社に帰属する旨の商標注記を掲載しています。

ロゴを置かないと訴求が弱くなるのでは、と心配されることがあります。実際にはそうなりません。「LINEに届く」という事実が文字で伝われば、読み手は十分に理解します。ロゴがあることで増える説得力より、公式サービスだと誤認させるリスクのほうがはるかに大きい。ここは迷わず「名前は文字で、注記を添える」に倒すのが正解です。

色や記号にも「そのサービスの規約」がかかる

ロゴとは少し違う角度の例も挙げます。店舗の口コミ収集システムで、お客様がGoogleへ口コミを投稿するまでの手順を図解した画面を作ったときのことです。

図解の中に星の記号を置いたところ、初稿では5つの星が金色に塗られていました。デザインとしては自然ですが、これは正しくありません。金色の星5つは「★5を付けてください」という誘導に読めます。口コミの評価を誘導する表現は、Googleの口コミに関する方針に抵触しうる領域です。星は未選択のグレーに差し戻し、自動テストにも「星がグレーのままか」という検査を追加しました。

ここから分かるのは、確認すべき対象がロゴだけではないという点です。色、記号、配置が、そのサービスの規約や公式の見え方に触れていないかまで含めて見る。ロゴを使わなくても、そのサービスの「らしさ」を借りた表現には同じ注意が要ります。

名前そのものが他社の商標と衝突する場合

ロゴやアイコンの話と地続きなのが、自社の商品名・サービス名が他社の登録商標と重なる問題です。

正しい順番は、名前を決める前に調べることです。弊社が新しいサービス名を決めた際は、候補ごとにドメインの登録状況を照会し、同名・類似名のサービスが既にないかを検索で確かめ、混同しそうな名前は候補から外しました。商標の登録状況を特許情報プラットフォームで調べるのも、この段階で行うものです。

この確認を公開前に済ませておく理由は、公開後に名称を変えるときの作業範囲にあります。ECサイトで商品カテゴリの名称を切り替える場合、トップページの見出し、案内ページ、英語表記、ページのURLまで一括で置き換えることになります。弊社が対応した例でも、この4か所すべてが対象になりました。URLが変われば検索結果への影響も伴います。名前が世に出てからでは、変える費用も、覚えてもらった名前を捨てる損失も、桁が変わります。

納品前に行う5つの確認手順

ここまでの内容を、制作・開発の現場で回す手順に落とします。連携先のサービスがある案件では、機能テストとは別にこの5点を確認します。

手順1：ロゴ・アイコン・ブランド色の3点を目視する

画面や紙面に出ている図形と色を、連携先サービスの公式マークと並べて見ます。形が似ている、色がほぼ同じ、文字の組み方が同じ。どれか1つでも当たれば「似せて作った」に該当する可能性が高いです。AIやデザイナーに任せた部分ほど、この目視を省かないことです。

手順2：公式素材を使うなら、提供元の配布ページから取る

検索で拾った画像や、他サイトから保存したロゴは使いません。提供元が配布している素材を、配布ページの条件を読んだうえで使います。条件には通常、改変の禁止、最小サイズ、周囲の余白、背景色の制限、自社ロゴとの組み合わせ禁止などが含まれます。

手順3：改変したくなったら、ロゴをやめて文字にする

「サイトの色に合わない」「角を丸くしたい」と感じたら、ロゴを加工するのではなく、ロゴを置かずに文字で書く判断に切り替えます。「LINEで予約」というテキストボタンは、公式ロゴを塗り替えたボタンより安全で、訴求も落ちません。

手順4：非公式であることと商標の帰属を注記する

連携ツールや紹介ページには、「○○の公式サービスではない」ことと、商標が提供元に帰属することを、読める大きさで書きます。これは提供元との関係を誠実に示すためのもので、公式らしく見せる演出とは正反対の方向です。

手順5：ツールや商品の名前を決める前に、同名・類似名を調べる

「サービス名＋ツール」という命名は、便利な一方でロゴの模倣を誘発し、名前そのものも提供元の商標に接近します。独自の名前を付け、その名前が他社の商標や既存サービスと重ならないかを、公開前に調べます。

起こりうる問題を先回りするための補足

上の手順を守っていても、次の場面では判断が揺れやすいので、先に線を引いておきます。

• AIに画面や画像を作らせた場合：連携先の名前が入った指示を出すと、その会社のロゴに寄せた図形が出てきやすくなります。「連携先のロゴや色に似せない」と指示に書き、それでも出てきたら差し替える前提で確認します
• 社内向けの画面だから、と例外を作りたくなる場合：社内専用のうちは指摘されにくいだけで、外販や他店舗展開が決まった瞬間に全画面が対象になります。最初から独自マークで作るほうが、後の置き換えより安く済みます
• ロゴを使わなかったら連携先が分からない、という懸念：文字で書けば伝わります。ボタンに「LINE」「Google」と書いてあれば、利用者はどこへ飛ぶか理解します
• 既に公開済みのサイトで模倣マークが見つかった場合：気づいた時点で差し替えます。長く置いてあったことは免責になりません。差し替え後は、検索結果に残るサムネイルやSNSのシェア画像も更新されるまで時間差があるので、その点も見ておきます

制作会社に発注する立場なら、何を言えばよいか

自分で作らず制作会社に任せている経営者の方は、次の一言を伝えれば十分です。

> 「他社サービスのロゴやアイコンは、公式の配布素材を条件どおりに使うか、使わずに文字で書いてください。似せて作ったマークは入れないでください」

これで制作側は判断の軸を共有できます。納品時には、連携先の名前が出ている箇所のロゴ・アイコン・色がどう扱われているかを一覧で出してもらうと、自分の目でも確認できます。

よくある質問

Q. 「LINE」という文字をサイトに書くのに許可は要りますか

機能の説明として「LINEで予約する」「LINE公式アカウントはこちら」と書くことは、通常の使い方であり、個別の許可が必要な行為ではありません。許可や条件が関わるのは、ロゴやアイコンといった図形を使う場合、そして自社の商品名やサービス名の一部として使う場合です。

Q. 公式の友だち追加ボタンは、サイトの色に合わせて変えてよいですか

提供元が配布している素材は、原則として改変せずに使う条件が付いています。色を変えたい、形を変えたい、と思ったら、ボタン自体を文字のボタンにするのが正しい判断です。加工した公式素材は、公式素材ではなくなります。

Q. AIに作らせた画面のマークが公式に似ているか、どう見分けますか

公式のアイコンを横に並べて、形・色・文字の組み方の3点を比べます。1点でも「ほぼ同じ」なら差し替えます。迷う程度に似ているものも、連携先と無関係な意匠に置き換えるほうが安全です。比べる作業は数分で終わりますが、後から差し替える作業は全画面に及びます。

まとめ

他社サービスのロゴやアイコンを自社のサイト・ツールに使うときの判断は、次の3行に収まります。

• 名前は文字で書く。これは自由に行える
• ロゴ・アイコンは公式素材を、提供元の条件どおり無改変で使う。改変したくなったら文字に戻す
• 似せて作ったマークは作らない。AIに任せた部分ほど、ロゴ・アイコン・色の3点を納品前に目視する

連携先のサービスとの関係は、公式らしく見せることではなく、非公式であることを誠実に示すことで成り立ちます。独自のマークと注記で作ったツールは、外へ売るときにも、店舗が増えたときにも、そのまま使い続けられます。