Appwrite
ツール
Merbridge
Merbridgeの公式ベクターロゴ。ツールカテゴリ。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 512 512
- ファイルサイズ
- 953 B · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますMerbridge.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Merbridge
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #1B1C1Drgb(27, 28, 29) · hsl(210, 4%, 11%)
- WCAG コントラストとファイルサイズ
- 白背景 17.1:1 · 黒背景 1.2:1 · 953 B
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:none;}.cls-2{font-size:48px;fill:#1b1c1d;font-family:Roboto-Bold, Roboto;font-weight:700;}.cls-3{fill:#33de72;}</style></defs><g id="Vertical"><g id="Merbridge_-_Vertical_-_Color_Dark" data-name="Merbridge - Vertical - Color Dark"><rect id="Frame" class="cls-1" width="512" height="512"/><text class="cls-2" transform="translate(149.926 401.063)">Merbridge</text><g id="Merbridge_-_Graph_-_Color_Dark" data-name="Merbridge - Graph - Color Dark"><path id="Primary" class="cls-3" d="M336.5,133.651V294.625l-21-21V184.349L296.25,203.6V173.9Zm-80.5,80.5-80.5-80.5V294.625l21-21V184.349l59.5,59.5c3.541-3.541,10.849-10.848,19.25-19.25V194.9Z"/><path id="Secondary" d="M236.75,263.125l-21,21V203.6l21,21Zm0-68.224V117l-21,21v35.9Zm38.5-77.9V263.125l21,21V138Z"/><rect id="Frame-2" data-name="Frame" class="cls-1" x="144" y="96" width="224" height="224"/></g></g></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
