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

Meelo

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

Meelo 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
ファイルサイズ
1.3 KB · 6 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Meelo
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#C7C7C7rgb(199, 199, 199) · hsl(0, 0%, 78%)
WCAG コントラストとファイルサイズ
白背景 1.7:1 · 黒背景 11.7:1 · 1.3 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M414.8 512H97.2C43.5 512 0 468.5 0 414.8V97.2C0 43.5 43.5 0 97.2 0h317.7C468.5 0 512 43.5 512 97.2v317.7c0 53.6-43.5 97.1-97.2 97.1" style="fill:#1e1e1e"/><path d="M409.6 501.2H102.4c-50.6 0-91.6-41-91.6-91.6V102.4c0-50.6 41-91.6 91.6-91.6h307.2c50.6 0 91.6 41 91.6 91.6v307.2c0 50.6-41 91.6-91.6 91.6" style="fill:#151515"/><linearGradient id="meelo_svg__a" x1="109.65" x2="402.35" y1="109.65" y2="402.35" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#c7c7c7"/><stop offset="1" style="stop-color:#c7c7c7"/></linearGradient><circle cx="256" cy="256" r="207" style="fill:url(#meelo_svg__a)"/><linearGradient id="meelo_svg__b" x1="114.613" x2="397.387" y1="114.613" y2="397.387" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#acacac"/><stop offset=".349" style="stop-color:#acacac"/><stop offset=".533" style="stop-color:#fbfbfb"/><stop offset=".712" style="stop-color:#d9d9d9"/><stop offset="1" style="stop-color:#d7d7d7"/></linearGradient><circle cx="256" cy="256" r="200" style="fill:url(#meelo_svg__b)"/><circle cx="256" cy="256" r="69"/><path d="M256 197c-32.6 0-59 26.4-59 59s26.4 59 59 59 59-26.4 59-59-26.4-59-59-59m0 78.7c-10.9 0-19.7-8.8-19.7-19.7s8.8-19.7 19.7-19.7 19.7 8.8 19.7 19.7-8.8 19.7-19.7 19.7" style="fill:#e9e9e9"/></svg>

使用上の注意

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