本文へスキップ
ツールOA Button

Open Access Button

Open Access Buttonの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Open Access Button 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 64 64
ファイルサイズ
1.2 KB · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Open Access Button
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#EE4615rgb(238, 70, 21) · hsl(14, 86%, 51%)
WCAG コントラストとファイルサイズ
白背景 3.8:1 · 黒背景 5.2:1 · 1.2 KB

SVG コード

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><g transform="matrix(1.568611 0 0 1.568611 -19.346618 -11.030618)"><g fill="#ee4615"><path d="M21.86 17.93v1.486h4.362V17.93a6.55 6.55 0 0 1 6.536-6.536 6.55 6.55 0 0 1 6.536 6.536v10.765h4.362V17.93A10.92 10.92 0 0 0 32.758 7.032 10.91 10.91 0 0 0 21.86 17.93m14.523 17.047c0 1.993-1.607 3.6-3.6 3.6s-3.6-1.607-3.6-3.6 1.607-3.6 3.6-3.6 3.6 1.62 3.6 3.6"/><path d="M24.24 34.94a8.51 8.51 0 0 1 8.494-8.494 8.51 8.51 0 0 1 8.494 8.494 8.51 8.51 0 0 1-8.494 8.494c-4.676 0-8.494-3.818-8.494-8.494m-4.362 0c0 7.092 5.763 12.855 12.855 12.855S45.59 42.033 45.59 34.94s-5.763-12.855-12.855-12.855S19.88 27.85 19.88 34.94"/></g><path d="M32.673 47.772c-.23-1.184-.69-2.44-1.317-3.564-.338-.604-.882-1.462-1.957-2.49.266-1.075.677-1.498 1.257-1.232.544.254.834.604 1.34 1.184v-5.654c0-.544.375-1.148.93-1.148.568 0 .93.628.93 1.05v2.018h.652c.242 0 .495.036.713.205.193.145.4.4.47.81v1.257-1.27a6.01 6.01 0 0 0-.036-.423c1.148 0 1.136.036 1.426.205.254.205.35.387.47.785 0-.024 0 1.583 0 1.583v-1.85c1.003 0 1.208.036 1.414.217.23.205.41.556.41.906.024 1.124-.11 3.13-.362 4.325-.205.967-.882 3.057-.882 3.057l-5.46.024z" fill="#fff" stroke="#22211f" stroke-width=".121"/></g></svg>

使用上の注意

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