本文へスキップ
LogoHub
ソーシャルメディア

ManzDev

ManzDevの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

ManzDev Logo

ブランドカラー

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

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 135 135
ファイルサイズ
2.0 KB · 13 パス
公式サイト
https://manz.dev/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
ManzDev
カテゴリ
ソーシャルメディア
公式カラー (HEX / RGB / HSL)
#CC984Frgb(204, 152, 79) · hsl(35, 55%, 55%)
WCAG コントラストとファイルサイズ
白背景 2.6:1 · 黒背景 7.7:1 · 2.0 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 135 135">
  <g transform="translate(-9.76 -4.25) scale(.97747)">
    <path d="M30.92 101.94h8.73v-8.2h-8.73V26.8h8.47v-8.47h8.73v-9h66.67v9.8h16.14v33.6h-8.2v100.8H30.66Z" fill="#fff"
      transform="scale(.96438)rotate(-6.25 160.33 72.15)" />
    <path
      d="M190.47 52.83V36.55h4.14v-4.01h4.01v-3.88h-4v-4.14h-4.01V.33h4.14v-4h4v-4.15h24.2v4.14h7.88v8.02h-4.01l.2 48.57Z"
      fill="#000" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M226.93 4.47h-8.13V.33h-16.03v8.02h-4.15v16.04h4.01v4h8.15v4.28h7.89v-4h-4.01v-4.28h8.15v8.28h4.14z"
      fill="#cc984f" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M218.67 4.34h-15.9v3.88h-4.15v12.16h4.01v4.14h20.2v4h4.12l-.01-24.18z" fill="#ffcc80" fill-opacity="1"
      stroke-opacity="1" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M206.64 8.35h4.28v8.29h-4.28zM218.81 8.35h4.28v8.29h-4.28z" fill="#000"
      transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M210.98 16.57h12.16v3.88h-12.16z" fill="#ebb267" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M218.8 4.34h8.03v4h-8.03z" fill="#ebb267" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M190.47 48.84h8.02v3.88h-8.02z" fill="#cc984f" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M206.72 52.82v-7.94l12.55.01v7.97z" fill="#0d2061"
      transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M210.83 40.65h4.16v4.25h-4.16z" fill="#17ffff" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M215.11 48.95h4.16v3.89h-4.16z" fill="#17ffff" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M210.89 48.95h4.21v3.89h-4.21z" fill="#e65100" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M206.71 44.89h4.16v4.1h-4.16z" fill="#cc2554" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
  </g>
</svg>

使用上の注意

  • 元の 1:1 の縦横比（viewBox "0 0 135 135"）を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました