本文へスキップ

Moneymatter

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

Moneymatter 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
ファイルサイズ
784 B · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Moneymatter
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#8B5CF6rgb(139, 92, 246) · hsl(258, 90%, 66%)
WCAG コントラストとファイルサイズ
白背景 4.2:1 · 黒背景 4.7:1 · 784 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
  <defs>
    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#8b5cf6"/>
      <stop offset="50%" stop-color="#a855f7"/>
      <stop offset="100%" stop-color="#9333ea"/>
    </linearGradient>
  </defs>

  <!-- Rounded square background -->
  <rect x="0" y="0" width="64" height="64" rx="12" fill="url(#bgGradient)"/>

  <!-- CircleDollarSign icon (Lucide) - scaled and centered -->
  <g transform="translate(12, 12) scale(1.667)" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none">
    <circle cx="12" cy="12" r="10"/>
    <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/>
    <path d="M12 18V6"/>
  </g>
</svg>

使用上の注意

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