Appwrite
ツール
MicrosoftTeams
MicrosoftTeamsの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 25:23
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 50 46
- ファイルサイズ
- 2.9 KB · 14 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますMicrosoftTeams.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- MicrosoftTeams
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #5059C9rgb(80, 89, 201) · hsl(236, 53%, 55%)
- WCAG コントラストとファイルサイズ
- 白背景 5.8:1 · 黒背景 3.4:1 · 2.9 KB
SVG コード
<svg viewBox="0 0 50 46" width="50" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_316_154)"><mask id="mask0_316_154" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="50" height="46"><path d="M49.7 0H.163v45.979h49.539z" fill="#fff"/></mask><g mask="url(#mask0_316_154)"><path d="M34.716 17.242h12.796c1.209 0 2.189.978 2.189 2.184v11.63c0 4.432-3.602 8.026-8.045 8.026h-.038c-4.443 0-8.046-3.593-8.046-8.026V18.382c0-.63.512-1.141 1.144-1.141m8.648-2.298A5.18 5.18 0 0 0 48.55 9.77a5.18 5.18 0 0 0-5.185-5.172A5.18 5.18 0 0 0 38.18 9.77a5.18 5.18 0 0 0 5.184 5.173" fill="#5059c9"/><path d="M27.236 14.943c4.135 0 7.488-3.345 7.488-7.471C34.724 3.345 31.37 0 27.236 0c-4.136 0-7.489 3.345-7.489 7.472 0 4.126 3.353 7.471 7.488 7.471m9.985 2.299H16.1a2.163 2.163 0 0 0-2.112 2.21v13.264c-.167 7.152 5.504 13.088 12.672 13.263 7.169-.175 12.84-6.11 12.673-13.263V19.452a2.163 2.163 0 0 0-2.112-2.21" fill="#7b83eb"/><path opacity=".1" d="M27.812 17.242v18.587a2.12 2.12 0 0 1-1.314 1.942 2 2 0 0 1-.795.161H15.001c-.15-.379-.288-.758-.404-1.15a14 14 0 0 1-.61-4.068V19.449a2.16 2.16 0 0 1 2.108-2.207z" fill="#000"/><path opacity=".2" d="M26.66 17.242v19.736c0 .273-.055.542-.162.793a2.12 2.12 0 0 1-1.947 1.31h-9.009c-.196-.379-.38-.758-.541-1.149-.162-.39-.288-.758-.404-1.15a14 14 0 0 1-.61-4.068V19.449a2.16 2.16 0 0 1 2.108-2.207z" fill="#000"/><path opacity=".2" d="M26.66 17.242v17.437a2.12 2.12 0 0 1-2.109 2.104h-9.954a14 14 0 0 1-.61-4.07V19.45a2.16 2.16 0 0 1 2.108-2.207z" fill="#000"/><path opacity=".2" d="M25.507 17.242v17.437a2.12 2.12 0 0 1-2.108 2.104h-8.802a14 14 0 0 1-.61-4.07V19.45a2.16 2.16 0 0 1 2.108-2.207z" fill="#000"/><path opacity=".1" d="M27.812 11.3v3.62c-.196.012-.38.023-.577.023-.195 0-.38-.011-.576-.023a6.3 6.3 0 0 1-1.152-.184 7.48 7.48 0 0 1-5.184-4.39 6.4 6.4 0 0 1-.369-1.15h5.75a2.114 2.114 0 0 1 2.107 2.103" fill="#000"/><path opacity=".2" d="M26.66 12.449v2.471a6.3 6.3 0 0 1-1.153-.184 7.48 7.48 0 0 1-5.184-4.39h4.228a2.114 2.114 0 0 1 2.108 2.103" fill="#000"/><path opacity=".2" d="M26.66 12.449v2.471a6.3 6.3 0 0 1-1.153-.184 7.48 7.48 0 0 1-5.184-4.39h4.228a2.114 2.114 0 0 1 2.108 2.103" fill="#000"/><path opacity=".2" d="M25.507 12.449v2.287a7.48 7.48 0 0 1-5.184-4.39H23.4a2.114 2.114 0 0 1 2.108 2.103" fill="#000"/><path d="M2.274 10.345h21.122a2.11 2.11 0 0 1 2.111 2.107v21.074a2.11 2.11 0 0 1-2.111 2.107H2.274a2.11 2.11 0 0 1-2.112-2.107V12.452a2.11 2.11 0 0 1 2.112-2.107" fill="url(#paint0_linear_316_154)"/><path d="M18.392 18.366H14.17v11.472h-2.69V18.366H7.277v-2.225h11.115z" fill="#fff"/></g></g><defs><linearGradient id="paint0_linear_316_154" x1="4.565" y1="8.699" x2="21.049" y2="37.312" gradientUnits="userSpaceOnUse"><stop stop-color="#5a62c3"/><stop offset=".5" stop-color="#4d55bd"/><stop offset="1" stop-color="#3940ab"/></linearGradient><clipPath id="clip0_316_154"><path fill="#fff" d="M.162 0H49.7v46H.162z"/></clipPath></defs></svg>使用上の注意
- 元の 25:23 の縦横比（viewBox "0 0 50 46"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
