本文へスキップ

OneCause

OneCauseの公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

OneCause Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
OneCause
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#46BFB2rgb(70, 191, 178) · hsl(174, 49%, 51%)
WCAG コントラストとファイルサイズ
白背景 2.2:1 · 黒背景 8.8:1 · 3.9 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" role="img" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3.69 -1.19 308.62 46.37"><defs><linearGradient id="a" x1="5.546" x2="297.107" y1="22.052" y2="22.052" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2c7cad"/><stop offset="1" stop-color="#46bfb2"/></linearGradient><linearGradient id="b" x1="5.546" x2="297.107" y1="21.414" y2="21.414" xlink:href="#a"/><linearGradient id="c" x1="5.546" x2="297.107" y1="22.052" y2="22.052" xlink:href="#a"/><linearGradient id="d" x1="5.545" x2="297.107" y1="22.052" y2="22.052" xlink:href="#a"/><linearGradient id="e" x1="5.545" x2="297.108" y1="22.052" y2="22.052" xlink:href="#a"/><linearGradient id="f" x1="5.546" x2="297.107" y1="22.251" y2="22.251" xlink:href="#a"/><linearGradient id="g" x1="5.545" x2="297.107" y1="22.052" y2="22.052" xlink:href="#a"/><linearGradient id="h" x1="5.548" x2="297.107" y1="22.052" y2="22.052" xlink:href="#a"/></defs><path fill="url(#a)" d="M2.426 22.09a17.593 17.593 0 0 1 35.183 0c0 9.473-8.12 17.275-17.592 17.275S2.427 31.563 2.427 22.09zm29.292 0c0-6.765-4.935-12.098-11.701-12.098a11.73 11.73 0 0 0-11.78 12.099 11.71 11.71 0 0 0 11.78 12.02c6.766 0 11.7-5.334 11.7-12.02z"/><path fill="url(#b)" d="M60.527 4.739a12.636 12.636 0 0 1 12.815 12.735V38.09h-5.73V18.27c0-4.776-3.503-8.596-9.394-8.596-4.696 0-9.313 3.582-9.313 8.596v19.82h-5.73V6.967l5.73-1.91v5.89A13.91 13.91 0 0 1 60.527 4.74z"/><path fill="url(#c)" d="M109.953 30.369v5.333a22.178 22.178 0 0 1-12.498 3.663c-10.029 0-18.546-6.21-18.546-16.558 0-11.303 7.96-18.068 16.796-18.068 9.95 0 16.875 6.765 16.635 19.898H84.8c.875 5.812 5.332 9.553 12.655 9.553 6.368 0 9.314-1.91 12.498-3.821zM84.879 19.544h21.333c0-3.9-3.423-9.473-10.507-9.473-5.254 0-9.791 3.026-10.826 9.473z"/><path fill="url(#d)" d="M141.946 31.006v5.651a16.907 16.907 0 0 1-9.234 2.708c-9.472 0-17.59-7.802-17.59-17.274a17.481 17.481 0 0 1 26.824-14.646v5.81s-3.025-3.263-9.234-3.263a11.86 11.86 0 0 0-11.939 12.099 11.909 11.909 0 0 0 11.94 12.1c6.208 0 9.233-3.185 9.233-3.185z"/><path fill="url(#e)" d="M174.02 7.046l5.73-1.91V38.09h-5.73v-5.97c-1.99 3.98-7.244 7.245-12.417 7.245-10.428 0-16.477-7.405-16.477-16.876 0-9.552 6.128-17.75 16.954-17.75a13.767 13.767 0 0 1 11.94 7.322zm0 15.045c0-7.084-4.855-12.099-11.543-12.099-6.605 0-11.461 5.015-11.461 12.099 0 6.925 4.856 12.02 11.461 12.02 6.688 0 11.543-5.095 11.543-12.02z"/><path fill="url(#f)" d="M212.143 7.046l5.732-1.91V38.09h-5.732v-5.016a13.817 13.817 0 0 1-11.701 6.29 12.57 12.57 0 0 1-12.736-12.735V7.046l5.731-1.91v20.776c0 4.775 3.423 8.517 9.393 8.517 4.696 0 9.313-3.583 9.313-8.517z"/><path fill="url(#g)" d="M223.52 34.747v-5.413c2.866 2.946 7.563 5.253 11.621 5.253 3.423 0 7.802-1.194 7.802-5.491 0-3.104-3.742-4.06-7.96-5.094-3.582-.956-11.542-2.548-11.542-9.712 0-7.96 7.562-9.551 12.099-9.551 4.138 0 8.517 1.352 10.189 3.104v4.855c-1.832-1.75-6.846-3.104-10.189-3.104-3.184 0-6.289 1.751-6.289 4.696 0 2.547 3.503 3.661 7.403 4.776 4.139 1.194 12.02 3.104 12.02 10.03 0 6.846-5.492 10.269-13.533 10.269a16.998 16.998 0 0 1-11.621-4.618z"/><path fill="url(#h)" d="M282.896 30.369v5.333a22.177 22.177 0 0 1-12.498 3.663c-10.028 0-18.545-6.21-18.545-16.558 0-11.303 7.96-18.068 16.794-18.068 9.95 0 16.876 6.765 16.637 19.898h-27.541c.875 5.812 5.333 9.553 12.655 9.553 6.37 0 9.313-1.91 12.498-3.821zm-25.073-10.825h21.331c0-3.9-3.423-9.473-10.507-9.473-5.253 0-9.79 3.026-10.824 9.473z"/><path fill="#46bfb2" d="M299.168 9.288a4.676 4.676 0 1 1-4.66-4.55 4.57 4.57 0 0 1 4.66 4.55zm-8.182 0a3.524 3.524 0 0 0 3.55 3.633 3.483 3.483 0 0 0 3.467-3.605 3.511 3.511 0 1 0-7.017-.028zm2.801 2.385h-1.054V7.124a9.18 9.18 0 0 1 1.748-.139 2.835 2.835 0 0 1 1.581.334 1.26 1.26 0 0 1 .444.998 1.166 1.166 0 0 1-.943 1.054v.055a1.343 1.343 0 0 1 .832 1.11 3.486 3.486 0 0 0 .332 1.137h-1.136a3.894 3.894 0 0 1-.361-1.11c-.084-.499-.36-.72-.943-.72h-.5zm.028-2.58h.499c.582 0 1.055-.194 1.055-.665 0-.416-.306-.694-.971-.694a2.497 2.497 0 0 0-.583.056z"/></svg>

使用上の注意

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