本文へスキップ

Etherpad

Etherpadの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Etherpad Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 16 16
ファイルサイズ
2.1 KB · 10 パス
公式サイト
https://etherpad.org

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますEtherpad.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Etherpad
公式カラー (HEX / RGB / HSL)
#FF9800rgb(255, 152, 0) · hsl(36, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 2.2:1 · 黒背景 9.2:1 · 2.1 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(16.86 -1036.694)"><path d="M-11.806 1039.876h6.205l-.024-.899-3.13-.018-3.132-.018z" style="fill:#374256;fill-opacity:1;stroke:#374256;stroke-width:.68021488;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3.5999999;stroke-dasharray:none;stroke-opacity:1"/><path d="M-4.38 1052.67v-2.174h2.174v2.173zm-10.865 0v-2.174h2.173v2.173z" style="fill:#b1b1b1;fill-opacity:1;stroke:none"/><path d="m-14.159 1041.803 2.174-1.086v-2.125m8.693 3.211-2.174-1.086.007-2.084" style="fill:none;stroke:#aeaeae;stroke-width:.54330266;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3.5999999;stroke-dasharray:none;stroke-opacity:1"/><path d="M-15.245 1041.803c.014 3.844-.02 6.178 0 7.607.03 2.23 0 2.173 0 2.173 1.185 0 1.185 0 1.185 1.086h10.67c0-1.086 0-1.086 1.185-1.086v-9.78z" style="fill:#374256;fill-opacity:1;stroke:none"/><path d="M-15.245 1042.89v-4.346h1.086v4.346zm11.953 0v-4.346h1.086v4.346z" style="fill:#374256;fill-opacity:1;stroke:none"/><path d="M-15.245 1038.544v-1.087h1.086v1.087zm11.953 0v-1.087h1.086v1.087z" style="fill:#b1b1b1;fill-opacity:1;stroke:none"/><path d="M-11.527 1038.85c2.616-2.577 3.165-2.38 5.603.017" style="fill:none;stroke:#374256;stroke-width:.54330266;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3.5999999;stroke-dasharray:none;stroke-opacity:1"/><rect width="9.869" height="1.121" x="-13.612" y="1043.678" ry=".037" style="fill:#80ecb6;fill-opacity:1;stroke:#80ecb6;stroke-width:.52320504;stroke-miterlimit:3.5999999;stroke-dasharray:none;stroke-opacity:1"/><rect width="8.859" height="1.023" x="-13.548" y="1049.32" ry=".034" style="fill:#ff9800;fill-opacity:1;stroke:#ff9800;stroke-width:.47360843;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:3.5999999;stroke-dasharray:none;stroke-opacity:1"/><rect width="6.143" height="1.142" x="-13.582" y="1046.542" ry=".038" style="fill:#f2f2f4;fill-opacity:1;stroke:#f2f2f4;stroke-width:.41670763;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:3.5999999;stroke-dasharray:none;stroke-opacity:1"/></g></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 16 16")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました