本文へスキップ
金融・決済budget-board

Budget Board

Budget Board(budget-board)の公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Budget Board Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Budget Board (budget-board)
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#8DA1D8rgb(141, 161, 216) · hsl(224, 49%, 70%)
WCAG コントラストとファイルサイズ
白背景 2.6:1 · 黒背景 7.8:1 · 1.7 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg3" viewBox="0 0 48.36 50">
  <defs id="defs3">
    <linearGradient gradientTransform="scale(0.98348605,1.0167912)" id="a" x1="1.5531187" y1="0" x2="99.359825" y2="0" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#8da1d8" id="stop2"/>
      <stop offset="1" stop-color="#3c6ebe" id="stop3"/>
    </linearGradient>
  </defs>
  <g id="g3" transform="matrix(1.3157048,0,0,1.3157048,-52.627787,-172.35601)">
    <path clip-rule="evenodd" d="M 71.567,15.476 59.975,0 19.417,29.243 H 35.77 Z M 82.479,29.243 77.854,16.735 43.142,29.243 Z m 2.434,-1.527 h 6.64 c 1.899,0 3.121,1.48 3.121,3.373 v 21.198 l 2.992,-1.495 -0.03,-21.297 c 0,-1.9 -2.656,-4.831 -4.556,-4.831 h -9.379 l 1.06,2.854 z m 9.761,48.99 v 17.43 c 1.732,-0.184 3.045,-1.739 3.045,-3.518 L 97.696,75.195 Z M 7.939,27.716 h 8.784 l 4.258,-3.052 h -9.966 l 0.069,-0.023 C 3.712,24.634 1.46,24.718 1.529,33.89 v 62.04 c 0,1.901 1.893,3.519 3.793,3.519 h 83.179 c 1.899,0 3.808,-1.565 3.808,-3.457 l -0.007,-16.566 -0.367,0.183 h -7.631 c -6.746,0 -12.211,-5.464 -12.211,-12.21 0,-6.746 5.465,-12.209 12.211,-12.209 h 7.631 l 0.358,-0.184 -0.008,-20.788 c 0,-1.9 -1.885,-3.449 -3.784,-3.449 H 11.008 A 5.5,5.5 0 0 1 10.252,30.708 H 8.374 A 1.53,1.53 0 0 1 6.848,29.182 1.52,1.52 0 0 1 7.939,27.716 M 91.935,58.24 h -7.631 a 9.154,9.154 0 0 0 -9.158,9.157 9.155,9.155 0 0 0 9.158,9.157 h 7.631 L 97.673,71.739 97.65,53.547 Z m -12.21,9.157 a 4.58,4.58 0 0 1 4.579,-4.577 4.58,4.58 0 0 1 4.578,4.577 4.583,4.583 0 0 1 -4.578,4.579 4.58,4.58 0 0 1 -4.579,-4.579" fill="url(#a)" transform="matrix(0.38213,0,0,0.38213,39.416,130.999)" id="path3" style="fill:url(#a)"/>
  </g>
</svg>

使用上の注意

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