Appwrite
ツール
MOSN
MOSNの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 0.88:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 144.79 165.36
- ファイルサイズ
- 1.8 KB · 7 パス
- 公式サイト
- https://mosn.io
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますMOSN.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- MOSN
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0074E1rgb(0, 116, 225) · hsl(209, 100%, 44%)
- WCAG コントラストとファイルサイズ
- 白背景 4.6:1 · 黒背景 4.3:1 · 1.8 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 144.79 165.36"><defs><linearGradient id="未命名的渐变_2" x1="79.27" y1="68.27" x2="116.44" y2="68.27" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0074e1" stop-opacity="0"/><stop offset="0.19" stop-color="#0074e1" stop-opacity="0.23"/><stop offset="0.48" stop-color="#0074e1" stop-opacity="0.56"/><stop offset="0.72" stop-color="#0074e1" stop-opacity="0.8"/><stop offset="0.9" stop-color="#0074e1" stop-opacity="0.94"/><stop offset="1" stop-color="#0074e1"/></linearGradient></defs><title>资源 11</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><polygon points="107.19 165.36 107.17 144.61 85.94 144.63 85.94 136.41 107.1 136.41 107.08 130.25 78.49 130.26 78.51 151.01 99.74 150.99 99.74 159.21 78.53 159.21 78.55 165.36 107.19 165.36"/><path d="M41.12,165.36l31.36,0v-35l-31.35,0Zm7.43-29H65v23H48.55Z"/><path d="M144.79,165.36l0-34.83-31.34,0v34.81h7.42V137.78h16.49v27.58Z"/><polygon points="34.25 165.3 34.19 130.16 27.29 130.21 17.12 140.22 6.96 130.22 0 130.22 0.06 165.36 6.55 165.3 6.49 138.69 17.12 149.16 27.76 138.69 27.76 165.36 34.25 165.3"/><polygon points="79.75 57.41 116.44 36.16 115.95 80.29 79.27 100.37 79.75 57.41" style="fill:url(#未命名的渐变_2)"/><path d="M118.6,32.59a1,1,0,0,0-1,0L77.3,55.47a2,2,0,0,0-1,1.75v45.85a1,1,0,0,0,.52.89,1,1,0,0,0,.51.14,1,1,0,0,0,.52-.14l40.27-23.18a2,2,0,0,0,1-1.74V33.49A1,1,0,0,0,118.6,32.59ZM111,46V75.49L84.72,90.6V60.91Z"/><path d="M111.27,22,73.66.27a2,2,0,0,0-2,0L27.18,25.94a2,2,0,0,0-1,1.74V79a2,2,0,0,0,1,1.73L64,102a1,1,0,0,0,1,0,1,1,0,0,0,.51-.89V93.48a1.6,1.6,0,0,0-.79-1.38L35.51,75.24a.76.76,0,0,1-.39-.66V32.13a.77.77,0,0,1,.39-.67L72.27,10.24a.76.76,0,0,1,.77,0l30,17.32a1.59,1.59,0,0,0,1.58,0l6.65-3.78a1,1,0,0,0,.52-.9A1,1,0,0,0,111.27,22Z"/></g></g></svg>使用上の注意
- 元の 0.88:1 の縦横比（viewBox "0 0 144.79 165.36"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
