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

Oikos

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

Oikos 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
ファイルサイズ
719 B · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Oikos
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0A84FFrgb(10, 132, 255) · hsl(210, 100%, 52%)
WCAG コントラストとファイルサイズ
白背景 3.6:1 · 黒背景 5.4:1 · 719 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="oikos_svg__a" x1="0" x2="512" y1="514" y2="2" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#0a84ff"/><stop offset="1" style="stop-color:#006ae0"/></linearGradient><path d="M115.2 0h281.6C460.4 0 512 51.6 512 115.2v281.6c0 63.6-51.6 115.2-115.2 115.2H115.2C51.6 512 0 460.4 0 396.8V115.2C0 51.6 51.6 0 115.2 0" style="fill:url(#oikos_svg__a)"/><path d="M358.4 199v-45.4c0-3.5-2.9-6.4-6.4-6.4h-25.6c-3.5 0-6.4 2.9-6.4 6.4v14l-64-52.4-140.8 115.2V384c0 7 5.8 12.8 12.8 12.8h89.6v-89.6h76.8v89.6H384c7 0 12.8-5.8 12.8-12.8V230.4z" style="fill:#fff"/></svg>

使用上の注意

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