Appwrite
ツール
ツールDC/OS
Mesosphere
Mesosphereの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
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
- ファイルサイズ
- 954 B · 1 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますMesosphere.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Mesosphere
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #7D58FFrgb(125, 88, 255) · hsl(253, 100%, 67%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 954 B
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><defs><linearGradient id="A" x1="42.633" y1="-1.751" x2="78.73" y2="43.75" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7d58ff"/><stop offset="1" stop-color="#ff007d"/></linearGradient></defs><path d="M47.41 9.838L61.156 17.9l11.588-8.062zm16.057 9.417l3.75 2.2 5.26-8.47zM46.562 12.16l6.89 11.102 5.505-3.83zm22.753 10.527l6.08 3.57V12.886zM44.15 12.886v16.848l7.304-5.083zM54.737 25.33l5.038 8.107 6.16-9.92-4.667-2.73zm5.037 10.728c-.787 0-1.51-.44-1.99-1.2L52.74 26.72l-7.62 5.305c-.774.538-1.616.633-2.31.277s-1.09-1.1-1.09-2.053V10.435a3.03 3.03 0 0 1 1.659-2.694c.3-.19.736-.328 1.368-.328h30.06a2.56 2.56 0 0 1 1.309.299 3.03 3.03 0 0 1 1.719 2.73v16.123c0 .923-.4 1.676-1.072 2.067s-1.53.345-2.324-.127l-6.405-3.752-6.268 10.096c-.478.768-1.202 1.208-2 1.208z" fill="url(#A)" transform="matrix(1.772126 0 0 1.772126 -73.929305 -6.514635)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
