非公式素材・CC BY 3.0

HTML LS 非公式ロゴ素材

W3CのHTML5 Logoを基に「5」を「LS」へ変更した、HTML Living Standard向けの非公式ロゴ素材です。4色のPNG・WebPを選べます。ダウンロード前に、CC BY 3.0で必要な帰属表示、変更表示、非公式であることをご確認ください。

利用までの流れ

利用前に確認すること

InkSignal Worksへの申請やクレジットは不要ですが、原作のCC BY 3.0に基づく表示は必要です。

1

素材を選ぶ

用途や背景色に合う配色と画像サイズを選びます。

2

クレジットを掲載

Webはフッターやクレジットページ、印刷は奥付や最終ページへまとめて掲載できます。

3

公式認定と誤認させない

HTMLの技能を示す補助素材として使い、W3C・WHATWGの公式認定ロゴとは表示しません。

非公式ですが、出所・変更内容・ライセンスを明確にしています

この素材はW3CまたはWHATWGが発行した公式ロゴ、認定マーク、準拠証明ではありません。ポートフォリオや技術スタックの補助表示には使えますが、資格や公式認定の証明にはなりません。

権利確認の内容を見る →

ポートフォリオでの表示

HTML5・CSS・JavaScript・Microsoft・Adobeもまとめて確認

Webサイトではどこへクレジットを置くか、印刷では最終ページでよいか、公式ロゴを使えるかをグループ別に整理しています。コピー用の表記も生成できます。

ロゴ・商標クレジットガイドへ →
WHY THIS EXISTS

古い「HTML5」表記の代用品ではなく、現在のHTMLを説明するための補助素材

HTMLはWHATWGによりLiving Standardとして継続的に更新されています。当サイトが2026年7月16日にW3C・WHATWGの公式配布ページを確認した範囲では、HTML Living Standard専用の公式配布ロゴは確認できませんでした。本素材は、ポートフォリオや技術スタックで古いHTML5ロゴをそのまま使い続けたり、利用者が一から独自ロゴを作ったりする手間を減らす目的で用意しています。

重要:「公式ロゴがないこと」を理由に公式性を装うものではありません。常に「非公式」「W3C HTML5 Logoからの派生」「W3C・WHATWGとは非提携」と分かる形で使用してください。

公開条件との照合結果

確認した公式の利用条件には、互いに矛盾する記載は見当たりませんでした

W3CはHTML5 LogoをCC BY 3.0で公開し、利用・改変・再配布・商用利用を認めています。今回の配布では、W3Cへの帰属、原作・ライセンスへのリンク、変更内容、非公式性を明示し、独自の再配布禁止や商用制限を設けない構成にしています。

WHATWGのロゴや公式アートワークは使用していません。「HTML LS」は、WHATWGが維持するHTML Living Standardを説明するための表記です。したがって、WHATWGによる承認・提携・認定を示す使い方はできません。

これは公開情報に基づく一般的な確認です。商標登録、公式認定を連想させる表示、大規模な商品ブランド化など、通常のポートフォリオ・Web掲載を超える用途について法的な絶対保証をするものではありません。

権利関係の要点

権利関係を3点で確認

何をもとにし、誰が何を変更し、どの条件で使えるのかを分けて表示しています。

01

VISUAL SOURCE

原形はW3C HTML5 Logo

盾形の基本デザインとHTMLワードマークは、W3Cが公開するHTML5 Logoをもとにしています。W3Cは同ロゴをCC BY 3.0で提供し、利用・改変・商用利用を認めています。

W3Cの配布ページを確認 ↗
02

CHANGES

変更点を明示して配布

数字の5をLSへ置き換え、4種類の配色、透明背景、PNG・WebP出力を作成しました。派生ロゴ全体をCC BY 3.0の条件で配布し、InkSignal Works独自の追加制限、利用申請、利用料、クレジット義務は設けません。

CC BY 3.0を確認 ↗
03

STANDARD REFERENCE

WHATWGとは非提携

「HTML LS」は、WHATWGが維持するHTML Living Standardを示す説明用の表記です。WHATWGのロゴや公式ビジュアルは使用しておらず、承認・提携・推奨を示しません。

HTML Living Standardを確認 ↗

安全で透明な使い方

ポートフォリオにも使いやすい配布形態

公式公開条件に沿った帰属情報と非公式表示をセットにしています。通常のポートフォリオ、Webサイト、README、資料で使いやすい配布形態です。InkSignal Worksへの申請や追加クレジットは不要です。

利用できること

  • 個人・商用のポートフォリオや技術スタック表示
  • Webサイト、Webアプリ、README、資料、動画、印刷物
  • 色、サイズ、余白、形式、形状の追加変更
  • 素材ファイルの共有・再配布・素材集への同梱
  • 有償案件や商用サービスでの使用

CC BY 3.0で必要なこと

  • 原作者としてW3Cを明記する
  • W3Cの原作ページとCC BY 3.0へリンクする
  • 「5→LS」「配色変更」など変更した事実を示す
  • W3CやWHATWGの承認を受けたように表示しない
  • 後から利用者の権利を狭める追加制限を付けない

スキル表示について:HTMLを扱えることを示す補助的な視覚素材として使用できます。ただし、ロゴ自体はコードの妥当性、仕様準拠、資格、技能水準を証明する認定マークではありません。

利用前の確認

安全性と透明性を保つ5つの確認

掲載時に次の5点を守ると、出所と位置付けが第三者にも伝わりやすくなります。

  1. 01
    「非公式」と表示する

    公式ロゴ、認定マーク、資格マークと誤認されない位置へ表示します。

  2. 02
    W3Cへ帰属する

    原作名「HTML5 Logo」、W3C、原作ページ、CC BY 3.0を示します。

  3. 03
    変更内容を示す

    「5をLSへ変更」「配色変更」など、派生物であることを明記します。

  4. 04
    技能の補助表示として使う

    制作物や担当内容と併記し、ロゴだけで資格・準拠・技能水準を証明しないようにします。

  5. 05
    再配布時も権利情報を残す

    同梱のATTRIBUTION.txtとLICENSE_AND_NOTICE.txtを一緒に渡す方法が確実です。

4種類の配色

4種類から選ぶ

背景は透明です。原寸PNGは1250×1250px、軽量版PNGは512×512pxです。Web表示向けのWebPも用意しています。

フォレストグリーンのHTML LS非公式ロゴ
01 / FOREST GREEN

フォレストグリーン

落ち着いた緑を基調にした配色。学習サイト、環境系デザイン、ナチュラルなポートフォリオにも合わせやすいバリエーションです。

スチールブルーのHTML LS非公式ロゴ
02 / STEEL BLUE

スチールブルー

Web制作や技術資料になじみやすい青系配色。技術スタック一覧やREADMEへ合わせやすい、汎用性の高いバリエーションです。

ウォームオレンジのHTML LS非公式ロゴ
03 / WARM ORANGE

ウォームオレンジ

HTML5ロゴの印象を残した温かいオレンジ系配色。教材、プレゼン資料、ポートフォリオのアクセントに向いています。

グラファイトグリーンのHTML LS非公式ロゴ
04 / GRAPHITE GREEN

グラファイトグリーン

黒に近い外形と鮮やかな緑を組み合わせた高コントラスト版。ダークテーマや力強いデザインへ合わせやすい配色です。

利用例

このような用途に使えます

ロゴとあわせて、用途に応じた短い説明文や実際の経験・制作実績を掲載すると、スキルの意味が伝わりやすくなります。

01

ポートフォリオ

スキル一覧、対応技術、制作実績、プロフィールの技術スタック表示に使えます。

02

Webサイト・アプリ

自分または依頼者が運営するサイト、アプリ、サービス紹介ページへ表示できます。

03

README・資料

リポジトリのREADME、プレゼン資料、講義資料、技術解説、動画、サムネイルへ使えます。

04

再配布・派生制作

CC BY 3.0の表示を維持すれば、素材パックへの同梱や、新しい配色・派生デザインの公開もできます。

CC BY 3.0・独自の追加制限なし

利用条件の要点

派生ロゴ全体を、基礎となるW3C HTML5 LogoのCC BY 3.0に従って配布します。InkSignal Worksは、独自の再配布禁止、商用制限、連絡義務、利用料、追加クレジット義務を設けません。

自由にできます

  • コピー、共有、転載、再配布
  • 改変、色変更、トリミング、別形式への変換
  • 個人利用、教育利用、商用利用
  • Web、印刷、動画、アプリ、素材集への同梱
  • 追加の派生ロゴを制作して公開

表示してください

  • 原作名:W3C HTML5 Logo
  • 原作者:World Wide Web Consortium(W3C)
  • 原作ページとCC BY 3.0へのリンク
  • 「5をLSへ変更」「配色変更」などの変更内容
  • W3C・WHATWGの公式・認定ではない旨

日本語の推奨クレジット

ページ内、README、資料末尾など、利用媒体に合う場所へ掲載してください。

「HTML LS 非公式ロゴ」は、W3Cの「HTML5 Logo」(© W3C / CC BY 3.0 / https://www.w3.org/html/logo/ / https://creativecommons.org/licenses/by/3.0/)を改変したものです。変更内容:数字の「5」を「LS」に変更、配色変更、透過PNG・WebP化。本素材はW3C・WHATWGの公式ロゴ、認定、推奨を示すものではありません。

English attribution

English pages, GitHub README files, and international portfolios can use this version.

“HTML LS Unofficial Logo” is adapted from the “HTML5 Logo” © W3C, licensed under CC BY 3.0 (source: https://www.w3.org/html/logo/; license: https://creativecommons.org/licenses/by/3.0/). Changes: replaced “5” with “LS”, changed colors, and prepared transparent PNG/WebP files. This is unofficial and is not endorsed by or affiliated with W3C or WHATWG.

InkSignal Worksへの別途クレジット、配布ページへのリンク、連絡、利用申請、利用報告、利用料は不要です。公開・配布する場合は、原作「HTML5 Logo」とW3Cへの帰属、原作・CC BY 3.0へのリンク、変更内容を、媒体に合う合理的な場所へ表示してください。ロゴ画像の内部や直隣である必要はありません。

第三者利用とクレジット

第三者が使うときの表示は、用途によって異なります

InkSignal Works独自のクレジットや申請は不要ですが、原形のW3C HTML5 Logoに由来するCC BY 3.0の条件は、第三者が公開・配布するときにも引き継がれます。

利用方法外部向けの表示おすすめの置き場所
ダウンロードのみ・外部へ出さない私的確認第三者向けの公開表示は通常不要同梱の権利情報をファイルと一緒に保管
Webサイト・ポートフォリオ・README・資料・動画で公開W3Cへの帰属、原作、ライセンス、変更内容の表示が必要同じページの注記、フッター、クレジットページ、README、奥付、エンドクレジット
素材ファイルを再配布・同梱上記に加え、ライセンスと帰属情報を受取人へ渡す必要あり同梱のATTRIBUTION.txtとLICENSE_AND_NOTICE.txtをそのまま添付
さらに色・形・文字を変更して公開既存の変更に加え、自分が行った変更も分かるように表示クレジット文の「変更内容」へ追記

表示しなくてよいもの

  • InkSignal Worksの名称・リンク:不要です。
  • この配布ページへのリンク:不要です。
  • 利用前の連絡・申請・利用報告:不要です。
  • 利用料・ロイヤリティ:不要です。
  • ロゴ画像内へのクレジット埋め込み:必須ではありません。媒体に合う合理的な場所へまとめて表示できます。

「非公式」という単語自体は固定の必須文言ではありません。ただし、W3CまたはWHATWGが利用者、作品、技能、サービスを承認・認定・提携・推奨したと誤認させる表示はできません。迷わないよう、配布パックの推奨文では「非公式」を明記しています。

InkSignal Worksが免除できるのは、自身が追加し得るクレジットや申請条件だけです。原作W3C HTML5 Logoに対するCC BY 3.0の帰属条件を、InkSignal Worksが第三者に代わって免除することはできません。

ライセンス条件の確認

公開条件と配布内容の照合

2026年7月16日時点で確認できるW3C、Creative Commons、WHATWGの公式ページを基準に、配布文言とファイル構成へ必要事項を反映しました。

確認項目公式条件今回の対応結果
共有・再配布CC BY 3.0で許可素材単体・素材パックを含めて再配布可へ修正条件反映済み
改変・商用利用用途を問わず許可色変更、派生制作、商用利用を明記条件反映済み
W3Cへの帰属適切なクレジットが必要原作者、原作ページ、ライセンスURLを同梱条件反映済み
変更の表示派生物では変更内容を表示5→LS、配色、透過形式を明記条件反映済み
追加制限ライセンスの自由を狭める条件は不可独自の再配布禁止・商用制限を撤廃条件反映済み
公式性・適合性ロゴは妥当性・準拠を証明しない非公式、非提携、非認定を複数箇所へ表示条件反映済み
WHATWGとの関係HTML Living Standardの維持主体仕様への参照のみ。WHATWG視覚資産は不使用明確化
W3Cの現行ロゴ方針承認済み技術ロゴの新設・更新はW3C Communications Teamとの調整対象本素材をW3Cの公式更新ロゴとして扱わず、HTML5 LogoのCC BY 3.0に基づく独立した非公式改変物と明示区別を明示

確認した一次情報

この照合は公開情報に基づく一般的な確認であり、個別案件への法的助言や権利非侵害の絶対保証ではありません。商標登録、公式認定表示、大規模商品化など特殊な用途では専門家の確認をご検討ください。

よくある質問

よくある質問

利用時に迷いやすい点を短く整理しています。

このロゴは公式ですか?

いいえ。W3C HTML5 Logoをもとにした非公式の派生デザインです。W3C、WHATWG、ブラウザーベンダーによる承認・認定・提携を示しません。

ポートフォリオのスキル一覧に使えますか?

使えます。ただし、ロゴだけで技能、資格、コードの妥当性、仕様準拠を証明するものではありません。実際の制作物や経験説明と一緒に表示してください。

商用サイトやクライアント案件にも使えますか?

使えます。CC BY 3.0は商用利用を認めています。W3Cへの帰属、ライセンスリンク、変更の表示を維持してください。

ロゴファイルを再配布できますか?

できます。素材集、テンプレート、リポジトリ等への同梱も可能です。配布先にもW3Cの帰属情報とCC BY 3.0の条件を引き継いでください。

第三者がこのロゴを使うときも、何か表示が必要ですか?

Webサイト、ポートフォリオ、README、資料、動画などで公開する場合は必要です。W3Cへの帰属、原作名・原作ページ、CC BY 3.0、既存の変更内容を表示してください。InkSignal Worksへのクレジット、連絡、申請、利用報告、利用料は不要です。

クレジットはロゴのすぐ隣に置く必要がありますか?

必ずしも必要ありません。CC BY 3.0は媒体に照らして合理的な表示方法を認めています。Webサイトのフッターやクレジットページ、READMEのライセンス欄、印刷物の奥付、動画のエンドクレジットなどへまとめて表示できます。利用者が容易に確認できる場所にしてください。

ダウンロードしただけでも表示が必要ですか?

外部へ公開・配布せず、自分の端末で確認するだけであれば、第三者向けの公開表示を追加する必要は通常ありません。公開または再配布する時点で必要な帰属表示を行ってください。同梱の権利情報は素材と一緒に保管することをおすすめします。

InkSignal Worksのクレジットは必要ですか?

不要です。変更部分についてInkSignal Worksは追加の帰属を求めません。原作W3Cへの帰属は必要です。

さらに色や形を変えてもよいですか?

構いません。変更した場合は、その変更内容もクレジットへ追記してください。派生物にもCC BY 3.0の条件を妨げる追加制限を付けないでください。

配布者独自の禁止事項はありますか?

ロゴ素材にはありません。InkSignal Worksは、独自の再配布禁止、商用制限、利用申請、利用料、追加クレジット義務を設けません。ただし、原作W3C HTML5 LogoのCC BY 3.0に基づく帰属・変更表示・追加制限禁止は守ってください。

ダウンロード・利用・改変・再配布は利用者ご自身の判断と責任で行ってください

本サイト、ロゴ、コード、ツール、説明、ダウンロードファイルは現状有姿で提供します。正確性、完全性、最新性、特定目的への適合性、安全性、権利非侵害、継続提供を保証しません。これらの利用、利用不能、ダウンロード、改変、公開、再配布、商用利用、第三者との紛争等により生じた損害について、運営者は法令上認められる最大限の範囲で一切の責任を負いません。

ただし、運営者の故意または重過失による損害その他、適用法令により免責または責任制限が認められない場合はこの限りではありません。

免責事項の全文を見る →