本文へスキップ
AI プロダクトazure-custom-vision

Custom Vision

Custom Vision(azure-custom-vision)の公式ベクターロゴ。AI プロダクトカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Custom Vision Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Custom Vision (azure-custom-vision)
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG コントラストとファイルサイズ
白背景 4.5:1 · 黒背景 4.4:1 · 2.8 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="a3d518f9-4f73-4618-a6c7-3affff2a96b2" x1="8.85" y1="16.668" x2="8.85" y2="1.372" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ea0ef" /><stop offset="1" stop-color="#0078d4" /></linearGradient></defs><g id="f0768f65-3935-4a2f-81c1-1f137d0cc38f"><path d="M8.85,0a8.85,8.85,0,1,0,1.588,17.553l-.261-.225-.762-.773a.449.449,0,0,1-.087-.507l.505-1.07-.153-.37L8.738,14.3l-.154-.045a.449.449,0,0,1-.323-.431V12.738a.448.448,0,0,1,.3-.422l1.118-.4.153-.368-.459-.894L9.3,10.508a.45.45,0,0,1,.084-.524l.764-.756a.449.449,0,0,1,.512-.085l1.074.52.375-.141.3-.9a.444.444,0,0,1,.108-.174l.055-.055a.449.449,0,0,1,.318-.131h1.072a.45.45,0,0,1,.419.285l.39,1,.358.1.925-.474L16.2,9.1a.438.438,0,0,1,.2-.048.448.448,0,0,1,.319.132l.416.418.342.345a.448.448,0,0,1,.123.234,8.95,8.95,0,0,0,.1-1.329A8.85,8.85,0,0,0,8.85,0Z" fill="#0078d4" /><path d="M9.415,16.555a.449.449,0,0,1-.087-.507l.505-1.07-.153-.37L8.738,14.3l-.154-.045a.449.449,0,0,1-.323-.431V12.738a.448.448,0,0,1,.3-.422l1.118-.4.153-.368-.459-.894L9.3,10.508a.45.45,0,0,1,.084-.524l.764-.756a.449.449,0,0,1,.512-.085l1.074.52.375-.141.3-.9a.444.444,0,0,1,.108-.174l.055-.055a.449.449,0,0,1,.318-.131h1.072a.45.45,0,0,1,.419.285l.39,1,.358.1.925-.474L16.2,9.1a.366.366,0,0,1,.3-.03c0-.016,0-.032,0-.048A7.648,7.648,0,1,0,8.85,16.668c.217,0,.431-.015.644-.033Z" fill="url(#a3d518f9-4f73-4618-a6c7-3affff2a96b2)" /><path d="M9.833,14.978l-.153-.37L8.738,14.3l-.154-.045a.449.449,0,0,1-.323-.431V12.738a.448.448,0,0,1,.3-.422l1.118-.4.153-.368-.459-.894L9.3,10.508a.45.45,0,0,1,.084-.524l.764-.756a.449.449,0,0,1,.512-.085l1.074.52.375-.141.3-.9a.444.444,0,0,1,.108-.174l.055-.055a.449.449,0,0,1,.318-.131h1.072a.45.45,0,0,1,.419.285l.39,1,.276.078a6.242,6.242,0,1,0-6.2,5.515,6.16,6.16,0,0,0,.946-.08Z" fill="#5ea0ef" /><path d="M8.261,12.738a.448.448,0,0,1,.3-.422l1.118-.4.153-.368-.459-.894L9.3,10.508a.45.45,0,0,1,.084-.524l.764-.756a.449.449,0,0,1,.512-.085l1.074.52.375-.141.3-.9a.444.444,0,0,1,.108-.174l.055-.055a.449.449,0,0,1,.318-.131h.049a4.147,4.147,0,1,0-4.679,4.777Z" fill="#005ba1" /><circle cx="7.484" cy="7.406" r="1.246" fill="#83b9f9" /><circle cx="8.85" cy="8.977" r="0.553" fill="#83b9f9" /><g id="e3580a9d-6c76-4a81-97fd-5df57b4e205f"><path d="M18,13.772V12.693l-.058-.054-1.1-.373-.285-.743.547-1.134.058-.128-.342-.344L16.4,9.5l-.144.073-1.079.553-.744-.208L13.963,8.71H12.891l-.055.055-.372,1.1-.755.283-1.248-.6L9.7,10.3l.073.142.553,1.078-.308.743-1.3.471V13.82l.154.045,1.152.381.309.743-.59,1.251.762.773.145-.073,1.08-.553.743.308.473,1.3h1.079l.045-.154.381-1.152.735-.309,1.261.59.763-.762-.073-.145-.553-1.08.213-.755Zm-4.545,1a1.515,1.515,0,1,1,1.506-1.524v.009A1.517,1.517,0,0,1,13.455,14.771Z" fill="#50e6ff" /></g></g></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 18 18")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました