Appwrite
ツール
ツールSMP
Service Mesh Performance
Service Mesh Performanceの公式ベクターロゴ。ツールカテゴリ。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 550 550
- ファイルサイズ
- 3.1 KB · 15 パス
- 公式サイト
- https://smp-spec.io/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますService Mesh Performance.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Service Mesh Performance
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #3C494Frgb(60, 73, 79) · hsl(199, 14%, 27%)
- WCAG コントラストとファイルサイズ
- 白背景 9.3:1 · 黒背景 2.1:1 · 3.1 KB
SVG コード
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 550 550"><defs><style>.cls-1{fill:#3c494f;}.cls-2{fill:#3c494e;}.cls-3{fill:#647881;}.cls-4{fill:#00b39f;}.cls-5{fill:#00d3a9;}.cls-6{fill:#477e96;}</style></defs><title>smp-dark-text</title><g id="Title"><path class="cls-1" d="M338.05,451.51H320V388.92a3.85,3.85,0,0,0-.31-1.84,3.05,3.05,0,0,0-1.23-1.54,6.58,6.58,0,0,0-1.53-1.22A3.87,3.87,0,0,0,315,384H231.28v-18.1h83.45a22,22,0,0,1,8.9,1.84A22.59,22.59,0,0,1,335.9,380a22,22,0,0,1,1.84,8.9v62.59Zm-88.67,0h-18.1V384h18.1Zm43.57,0h-18.1v-58H293Z"/><path class="cls-1" d="M215.94,429.11a20.53,20.53,0,0,1-1.84,8.59,19.48,19.48,0,0,1-4.91,7.06,22.67,22.67,0,0,1-7.05,4.91,20.77,20.77,0,0,1-8.6,1.84H113.47V433.4h80.07a4.19,4.19,0,0,0,4.3-4.29v-7.06a4.2,4.2,0,0,0-4.3-4.29H135.87a20.69,20.69,0,0,1-8.59-1.84,19.48,19.48,0,0,1-7.06-4.91,26.6,26.6,0,0,1-4.91-7.06,20.53,20.53,0,0,1-1.84-8.59v-7.05a22.06,22.06,0,0,1,6.75-15.65,26.6,26.6,0,0,1,7.06-4.91,20.53,20.53,0,0,1,8.59-1.84h80.07V384H135.87a4.2,4.2,0,0,0-4.3,4.3v7.05a4.2,4.2,0,0,0,4.3,4.3h57.67a19.61,19.61,0,0,1,8.6,1.84,19.32,19.32,0,0,1,7.05,4.91,22.39,22.39,0,0,1,4.91,7,20.56,20.56,0,0,1,1.84,8.59Z"/><path class="cls-1" d="M422.11,416.22h1.23A13.09,13.09,0,0,0,436.53,403V379.1a13.09,13.09,0,0,0-13.19-13.19H356.46v85.6h17.18l-.31-69.34H417.2v17.49H381.92v16.56"/></g><g id="Needle"><path class="cls-2" d="M249.83,255.21a21.17,21.17,0,1,0,19.4,22.8A21.18,21.18,0,0,0,249.83,255.21Zm-2.3,29.8a8.73,8.73,0,1,1,9.4-8A8.8,8.8,0,0,1,247.53,285Z"/><path class="cls-2" d="M315,163.61c-2.6,1.8-5,3.7-7.5,5.6l-9.3,14.8-18.7,29.5L260.83,243l-4.7,7.4-2.3,3.7a11.27,11.27,0,0,1-1.2,1.8,5.17,5.17,0,0,0-1.2,1.8c-.7,3-1.3,6-1.9,9.1a2.77,2.77,0,0,0-.1.9,8.59,8.59,0,0,1,6.1,3.9,5.58,5.58,0,0,1,.8-.5c2.6-1.8,5-3.7,7.5-5.6a4.53,4.53,0,0,0,1.1-1.9,18.58,18.58,0,0,1,1.1-1.9l2.3-3.7,4.7-7.4,18.7-29.5,18.7-29.5,9.3-14.8c.7-3,1.3-6.1,1.9-9.2s1-6.2,1.4-9.4C320.23,160,317.53,161.71,315,163.61Z"/></g><g id="Gauge-2" data-name="Gauge"><path class="cls-3" d="M137.6,145.81a284,284,0,0,1,31.8-14.4l-2.7-13.3a324.4,324.4,0,0,0-33.5,19Z"/><path class="cls-4" d="M342.3,124.11l27.5-31a314.16,314.16,0,0,0-53.7-6.9l-16,29.2A297.91,297.91,0,0,1,342.3,124.11Z"/><path class="cls-3" d="M131.3,149.11l-4-8.1c-8.3,5.7-16.4,11.8-24.1,18.2l4.2,5C115.2,158.81,123.2,153.81,131.3,149.11Z"/><path class="cls-5" d="M395.5,145.61l41.2-29.1a295.56,295.56,0,0,0-59.1-21.6l-27.9,31.4A288.23,288.23,0,0,1,395.5,145.61Z"/><path class="cls-2" d="M101.7,168.31l-3.8-4.6a272.51,272.51,0,0,0-20.6,19.6l3,2.4C87.2,179.61,94.3,173.81,101.7,168.31Z"/><path class="cls-5" d="M443.7,120.11l-41.3,29.2A302.21,302.21,0,0,1,452.5,185l53.7-20.9A299.43,299.43,0,0,0,443.7,120.11Z"/><path class="cls-2" d="M72.3,188.41a339,339,0,0,0-29,36.5A295.78,295.78,0,0,1,75,190.51Z"/><path class="cls-6" d="M217.6,98.31l-1.1,19.8a276.24,276.24,0,0,1,31.8-4l6.9-24.2A335.64,335.64,0,0,0,217.6,98.31Z"/><path class="cls-4" d="M255.7,113.71c3.6-.1,7.3-.2,11-.2,8.7,0,17.4.4,25.9,1.2l15.6-28.6a311.54,311.54,0,0,0-45.5,2.7Z"/><path class="cls-6" d="M175.9,128.91a272.38,272.38,0,0,1,33.5-9.4l1.1-19A300.05,300.05,0,0,0,173.2,115Z"/></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 550 550"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
