本文へスキップ
LogoHub
ソーシャルメディアtuta-mailTutanota

Tuta Mail

Tuta Mail（tuta-mail）の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Tuta Mail Logo

ブランドカラー

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

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 128 128
ファイルサイズ
2.0 KB · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Tuta Mail (tuta-mail)
カテゴリ
ソーシャルメディア
公式カラー (HEX / RGB / HSL)
#850122rgb(133, 1, 34) · hsl(345, 99%, 26%)
WCAG コントラストとファイルサイズ
白背景 10.4:1 · 黒背景 1.9:1 · 2.0 KB

SVG コード

<svg version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
 <rect x="4" y="4" width="120" height="120" ry="10" fill="#850122" stroke-linecap="round" stroke-linejoin="round" stroke-width="7.5591"/>
 <g transform="matrix(.9375 0 0 .9375 -65.3 93.062)" fill="#fff">
  <path d="m113.48-62.047c-3.0881-3.0156-15.997-16.174-15.997-16.306 0-0.08622 0.11023-0.267 0.24496-0.40173 0.22125-0.22125 3.6553-0.24496 35.472-0.24496 30.308 0 35.286 0.03124 35.648 0.22375 0.73818 0.39238 17.051 17.052 16.993 17.354-0.0495 0.25687-1.962 0.27351-35.707 0.31071l-35.655 0.03931z" stroke-width=".15589"/>
  <path d="m90.095-2.8621c-0.05205-0.13562-0.09462-15.485-0.09462-34.109 0-35.158-0.0098-34.585 0.5859-34.373 0.38052 0.13604 16.103 15.787 16.184 16.111 0.0557 0.22196-2.7826 9.7666-7.7252 25.978-4.2973 14.095-7.8854 25.855-7.9736 26.133-0.12013 0.37955-0.25087 0.50663-0.52128 0.50663-0.19852 0-0.40353-0.11096-0.45556-0.24658z" stroke-width=".15589"/>
  <path d="m95.072 15.426c-0.16724-0.3282 20.086-66.651 20.418-66.861 0.11627-0.07371 3.1575-0.13498 6.7582-0.13628 5.0572-0.0021 6.581 0.04137 6.697 0.18963 0.0826 0.10558 2.1702 6.8612 4.6391 15.013 2.4689 8.1513 4.5911 14.98 4.7161 15.176 0.13623 0.2128 0.34567 0.33582 0.52291 0.30716 0.1626-0.02625 7.3564-6.8898 15.986-15.252 8.6298-8.3625 15.801-15.252 15.936-15.309 0.13489-0.05744 3.0484-0.10925 6.4744-0.11518 7.1316-0.01239 6.9452-0.04295 6.6399 1.0883-0.3441 1.2751-20.007 65.481-20.16 65.826l-0.15299 0.34712-13.904-0.07991-0.0403-0.38396c-0.0222-0.21118 2.7996-9.6449 6.2705-20.964 3.471-11.319 6.314-20.743 6.3179-20.943 7e-3 -0.37873-0.24952-0.62889-0.65-0.6329-0.12911-0.0011-5.0665 4.733-10.972 10.521l-10.737 10.523-7.6934-0.081906-4.3266-9.906c-2.3796-5.4483-4.4333-10.096-4.5637-10.328-0.30325-0.54012-0.95769-0.58298-1.1727-0.07676-0.0806 0.19006-3.0208 9.7434-6.5337 21.23-3.5128 11.486-6.4689 20.936-6.5692 21-0.10018 0.06374-3.238 0.11692-6.9728 0.11822-6.314 0.0021-6.8002-0.01649-6.9275-0.26642z" stroke-width=".15358"/>
 </g>
</svg>

使用上の注意

  • 元の 1:1 の縦横比（viewBox "0 0 128 128"）を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました