本文へスキップ
ツールダーク版

OpenAdServer

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

OpenAdServer 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 512 512
ファイルサイズ
1.8 KB · 5 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
OpenAdServer
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#6366F1rgb(99, 102, 241) · hsl(239, 84%, 67%)
WCAG コントラストとファイルサイズ
白背景 4.5:1 · 黒背景 4.4:1 · 1.8 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="openadserver_svg__Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512"><style>.openadserver_svg__st1{fill:#fff}</style><linearGradient id="openadserver_svg__SVGID_1_" x1="-693.1" x2="-685.939" y1="789.514" y2="789.514" gradientTransform="matrix(70 0 0 -70 48517 55522)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#6366f1"/><stop offset="1" style="stop-color:#8b5cf6"/></linearGradient><circle cx="250.6" cy="256" r="250.6" style="fill:url(#openadserver_svg__SVGID_1_)"/><circle cx="250.6" cy="256" r="179" class="openadserver_svg__st1"/><linearGradient id="openadserver_svg__SVGID_00000019645959761777179920000009544822513831013504_" x1="-675.793" x2="-668.632" y1="780.2" y2="780.2" gradientTransform="matrix(30 0 0 -30 20417 23662)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#6366f1"/><stop offset="1" style="stop-color:#8b5cf6"/></linearGradient><circle cx="250.6" cy="256" r="107.4" style="fill:url(#openadserver_svg__SVGID_00000019645959761777179920000009544822513831013504_)"/><circle cx="250.6" cy="256" r="35.8" class="openadserver_svg__st1"/><linearGradient id="openadserver_svg__SVGID_00000102507473563138788320000014204215171142428600_" x1="-631.704" x2="-629.556" y1="747.6" y2="747.6" gradientTransform="matrix(15 0 0 -10 9907 7732)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#6366f1"/><stop offset="1" style="stop-color:#8b5cf6"/></linearGradient><path d="M465.5 302.5c-2.7 0-5.5-1-7.6-3.1-4.2-4.2-4.2-11 0-15.2l17.5-17.5h-81.5c-5.9 0-10.7-4.8-10.7-10.7s4.8-10.7 10.7-10.7h81.5l-17.5-17.5c-4.2-4.2-4.2-11 0-15.2s11-4.2 15.2 0l35.8 35.8c1.9 1.9 2.9 4.4 3.1 6.9 0 .7 0 1.4-.1 2-.3 2-1.1 4-2.5 5.7l-.6.6-35.8 35.8c-2 2.1-4.8 3.1-7.5 3.1" style="fill:url(#openadserver_svg__SVGID_00000102507473563138788320000014204215171142428600_)"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました