Appwrite
ツール
Monokle
Monokleの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 3.23:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 450.16 139.54
- ファイルサイズ
- 3.0 KB · 9 パス
- 公式サイト
- https://monokle.io
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますMonokle.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Monokle
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.4:1 · 3.0 KB
SVG コード
<svg id="MONOKLE_logos" data-name="MONOKLE logos" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450.16 139.54"><defs><style>.cls-1{fill:none;}.cls-2,.cls-3{fill:#010101;}.cls-3{fill-rule:evenodd;}</style></defs><rect id="Black_Bgnd" data-name="Black Bgnd" class="cls-1" width="450.16" height="139.54"/><g id="black"><g id="MONOKLE_Outlines" data-name="MONOKLE Outlines"><path id="M" class="cls-2" d="M130.92,85.6A2.08,2.08,0,0,0,133,87.67h5A2.08,2.08,0,0,0,140,85.6V66.9a.1.1,0,0,1,.1-.1.1.1,0,0,1,.09.07l7.4,19.46a2.08,2.08,0,0,0,1.94,1.34h2.73a2.08,2.08,0,0,0,1.94-1.34l7.4-19.46a.1.1,0,0,1,.09-.07.1.1,0,0,1,.1.1V85.6a2.08,2.08,0,0,0,2.08,2.07h5A2.08,2.08,0,0,0,171,85.6V53.72a2.08,2.08,0,0,0-2.08-2.07h-8.54a2.07,2.07,0,0,0-2,1.36l-7.33,20a.12.12,0,0,1-.11.08.12.12,0,0,1-.12-.08l-7.33-20a2.07,2.07,0,0,0-2-1.36H133a2.08,2.08,0,0,0-2.08,2.07Z"/><path id="O" class="cls-2" d="M192.92,88.32c11.05,0,17.93-7.16,17.93-18.65v0C210.85,58.16,204,51,192.92,51S175,58.14,175,69.62v0C175,81.18,181.91,88.32,192.92,88.32Zm0-8.64c-4.39,0-7.25-3.79-7.25-10v0c0-6.21,2.89-10,7.25-10s7.29,3.79,7.29,10v0C200.21,75.81,197.42,79.68,192.92,79.68Z"/><path id="N" class="cls-2" d="M214.91,85.6A2.07,2.07,0,0,0,217,87.67h6.3a2.07,2.07,0,0,0,2.07-2.07V69.06a.11.11,0,0,1,.12-.11.12.12,0,0,1,.09,0l12,17.76a2.07,2.07,0,0,0,1.72.91h5.42a2.07,2.07,0,0,0,2.07-2.07V53.72a2.07,2.07,0,0,0-2.07-2.07h-6.3a2.07,2.07,0,0,0-2.07,2.07V70a.11.11,0,0,1-.12.11.12.12,0,0,1-.09,0L224.22,52.55a2.09,2.09,0,0,0-1.71-.9H217a2.07,2.07,0,0,0-2.07,2.07Z"/><path id="O-2" data-name="O" class="cls-2" d="M268.72,88.32c11.06,0,17.93-7.16,17.93-18.65v0c0-11.46-6.89-18.62-17.93-18.62s-17.88,7.14-17.88,18.62v0C250.84,81.18,257.71,88.32,268.72,88.32Zm0-8.64c-4.38,0-7.24-3.79-7.24-10v0c0-6.21,2.88-10,7.24-10s7.29,3.79,7.29,10v0C276,75.81,273.23,79.68,268.72,79.68Z"/><path id="K" class="cls-2" d="M290.72,85.6a2.07,2.07,0,0,0,2.07,2.07h6.3a2.07,2.07,0,0,0,2.07-2.07V78.91a2,2,0,0,1,.4-1.22l.52-.71a2.07,2.07,0,0,1,3.46.17l5.56,9.5a2.07,2.07,0,0,0,1.79,1h7.26a2.07,2.07,0,0,0,1.77-3.15l-9.59-15.71a2.07,2.07,0,0,1,.09-2.3L320.89,55a2.08,2.08,0,0,0-1.68-3.3h-5.8a2.08,2.08,0,0,0-1.69.86L301.4,66.87a.14.14,0,0,1-.11.06.13.13,0,0,1-.13-.13V53.72a2.07,2.07,0,0,0-2.07-2.07h-6.3a2.07,2.07,0,0,0-2.07,2.07Z"/><path id="L" class="cls-2" d="M326.33,85.6a2.07,2.07,0,0,0,2.07,2.07h20.24a2.07,2.07,0,0,0,2.07-2.07V81.36a2.07,2.07,0,0,0-2.07-2.08h-9.79a2.06,2.06,0,0,1-2.07-2.07V53.72a2.08,2.08,0,0,0-2.08-2.07h-6.3a2.07,2.07,0,0,0-2.07,2.07Z"/><path id="E" class="cls-2" d="M354.66,85.6a2.07,2.07,0,0,0,2.07,2.07h20.92a2.08,2.08,0,0,0,2.08-2.07V81.36a2.08,2.08,0,0,0-2.08-2.08H367.17a2.07,2.07,0,0,1-2.07-2.07V75.64a2.07,2.07,0,0,1,2.07-2.07h9.57a2.08,2.08,0,0,0,2.08-2.08V67.85a2.08,2.08,0,0,0-2.08-2.07h-9.57a2.08,2.08,0,0,1-2.07-2.08V62.11A2.07,2.07,0,0,1,367.17,60h10.48A2.08,2.08,0,0,0,379.73,58V53.72a2.08,2.08,0,0,0-2.08-2.07H356.73a2.07,2.07,0,0,0-2.07,2.07Z"/></g><path id="Ring" class="cls-3" d="M68.72,107A37.32,37.32,0,1,0,31.4,69.66,37.32,37.32,0,0,0,68.72,107ZM64.58,90.39A24.88,24.88,0,1,0,39.7,65.51,24.88,24.88,0,0,0,64.58,90.39Z"/></g></svg>使用上の注意
- 元の 3.23:1 の縦横比（viewBox "0 0 450.16 139.54"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
