本文へスキップ

Snappymail

Snappymailの公式ベクターロゴ。AI プロダクトカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Snappymail Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1.25:1
書き出し解像度
1024 × 1024 px
viewBox
64 94 384.4 308
ファイルサイズ
2.6 KB · 24 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますSnappymail.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Snappymail
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG コントラストとファイルサイズ
白背景 3.7:1 · 黒背景 5.4:1 · 2.6 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="64 94 384.4 308"><style>path,rect{fill:#000}@media (prefers-color-scheme:dark){path,rect{fill:#000}rect{transform:scale(1,-1)}}</style><g transform="matrix(.1 0 0 -.1 0 512)"><path d="M933 3908c-150-150-276-281-279-291-5-16 51-77 272-298l279-279h177c98 0 178 3 178 7s-89 97-197 206c-157 157-195 200-183 207 9 6 257 10 613 10h597v134c0 113-2 135-16 140-9 3-283 6-610 6s-594 3-594 8c0 4 90 97 199 206 110 110 198 203 195 208-3 4-84 8-181 8h-176zm2627 265c0-4 88-96 196-204 115-115 194-201 190-208-5-8-178-11-611-11-540 0-603-2-609-16-3-9-6-67-6-129 0-103 2-115 19-125 13-6 224-10 615-10 328 0 596-3 596-8 0-4-90-97-200-207s-200-203-200-207c0-5 82-8 182-8h182l285 286 285 285-285 285-284 284h-177c-98 0-178-3-178-7"/><path d="M640 2317V1154l28-27 28-27h3730l27 28 27 28v1156c0 636-4 1159-8 1162-5 3-41-27-80-67l-72-72-2-1030-3-1030H805l-3 1030-2 1030-72 72c-40 40-76 73-80 73-5 0-8-523-8-1163"/><path d="M1290 2972c0-4 84-92 188-195l187-187h1790l188 188c103 103 187 191 187 195s-75 7-168 7h-168l-69-70-69-70H1764l-69 70-69 70h-168c-93 0-168-3-168-8"/><rect width="105.704" height="113.393" x="965.825" y="-1995.056" ry="0"/><rect width="105.704" height="113.393" x="968.171" y="-1775.339" ry="0"/><rect width="105.704" height="113.393" x="1544.743" y="-1770.834" ry="0"/><rect width="105.704" height="113.393" x="1201.284" y="-2214.654" ry="0"/><rect width="105.704" height="113.393" x="1529.886" y="-2211.156" ry="0"/><rect width="105.704" height="113.393" x="1766.14" y="-2213.186" ry="0"/><rect width="105.704" height="113.393" x="1767.395" y="-1976.642" ry="0"/><rect width="105.704" height="113.393" x="2112.529" y="-2219.311" ry="0"/><rect width="105.704" height="113.393" x="2677.813" y="-2214.965" ry="0"/><rect width="105.704" height="113.393" x="2672.628" y="-1988.655" ry="0"/><rect width="105.704" height="113.393" x="2673.453" y="-1762.207" ry="0"/><rect width="105.704" height="113.393" x="2898.873" y="-2216.276" ry="0"/><rect width="105.704" height="113.393" x="3249.094" y="-2212.257" ry="0"/><rect width="105.704" height="113.393" x="3251.061" y="-1984.478" ry="0"/><rect width="105.704" height="113.393" x="3251.56" y="-1774.923" ry="0"/><rect width="105.704" height="113.393" x="3470.185" y="-2214.272" ry="0"/><rect width="105.704" height="113.393" x="3829.944" y="-2215.038" ry="0"/><rect width="105.704" height="113.393" x="4044.099" y="-2214.53" ry="0"/><rect width="105.704" height="113.393" x="4041.513" y="-1999.062" ry="0"/><rect width="105.704" height="113.393" x="4043.404" y="-1785.199" ry="0"/><rect width="105.704" height="113.393" x="3830.52" y="-1781.447" ry="0"/></g></svg>

使用上の注意

  • 元の 1.25:1 の縦横比(viewBox "64 94 384.4 308")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました