本文へスキップ
ツールazure-integration-service-environments

Integration Service Environments

Integration Service Environments(azure-integration-service-environments)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Integration Service Environments 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.1 KB · 7 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Integration Service Environments (azure-integration-service-environments)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#7FBA00rgb(127, 186, 0) · hsl(79, 100%, 36%)
WCAG コントラストとファイルサイズ
白背景 2.4:1 · 黒背景 8.4:1 · 2.1 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><radialGradient id="f25af711-9b7f-4e33-92dc-aac4716591f3" cx="9.044" cy="8.913" r="10.514" gradientUnits="userSpaceOnUse"><stop offset="0.183" stop-color="#5ea0ef" /><stop offset="1" stop-color="#0078d4" /></radialGradient><linearGradient id="a305fb35-e815-4445-a184-35cb29dae4a9" x1="5.344" y1="10.72" x2="5.344" y2="13.464" gradientUnits="userSpaceOnUse"><stop offset="0.001" stop-color="#76bc2d" /><stop offset="1" stop-color="#5e9624" /></linearGradient><linearGradient id="a936de98-dcd2-4eeb-b313-9efe1853d9b9" x1="12.646" y1="10.72" x2="12.646" y2="13.464" gradientUnits="userSpaceOnUse"><stop offset="0.001" stop-color="#76bc2d" /><stop offset="1" stop-color="#5e9624" /></linearGradient></defs><title>Icon-555Artboard 1</title><g id="b2cb9dea-a960-4191-9d13-86e5f131cf43"><g><circle cx="9" cy="9" r="8.863" fill="url(#f25af711-9b7f-4e33-92dc-aac4716591f3)" /><circle cx="9" cy="9" r="7.386" fill="#fff" /><path d="M9.432,8.665V7.475H8.594v1.19a.168.168,0,0,1-.168.168H5.272a.335.335,0,0,0-.335.335v1.545h.838V9.857a.167.167,0,0,1,.167-.167h6.105a.167.167,0,0,1,.167.167v.874h.838V9.168a.335.335,0,0,0-.335-.335H9.6A.168.168,0,0,1,9.432,8.665Z" fill="#0078d4" /><path d="M10.551,3.862H7.41a.347.347,0,0,0-.347.347V7.35A.347.347,0,0,0,7.41,7.7h3.141A.347.347,0,0,0,10.9,7.35V4.209A.347.347,0,0,0,10.551,3.862Z" fill="#fff" /><path d="M10.551,3.862H7.41a.347.347,0,0,0-.347.347V7.35A.347.347,0,0,0,7.41,7.7h3.141A.347.347,0,0,0,10.9,7.35V4.209A.347.347,0,0,0,10.551,3.862Zm-.3,2.96a.23.23,0,0,1-.23.23H7.938a.23.23,0,0,1-.23-.23V4.737a.23.23,0,0,1,.23-.23h2.085a.23.23,0,0,1,.23.23Z" fill="#a67af4" /><g><path id="bdc94428-22ed-41e6-a140-3d9647e53950" d="M6.715,13.185V11a.279.279,0,0,0-.279-.279H4.251A.279.279,0,0,0,3.972,11v2.186a.279.279,0,0,0,.279.279H6.436A.279.279,0,0,0,6.715,13.185Z" fill="url(#a305fb35-e815-4445-a184-35cb29dae4a9)" /><path id="a551ca4d-bd02-42d4-b100-f5246ebf0f81" d="M14.018,13.185V11a.279.279,0,0,0-.279-.279H11.553a.279.279,0,0,0-.279.279v2.186a.279.279,0,0,0,.279.279h2.186A.279.279,0,0,0,14.018,13.185Z" fill="url(#a936de98-dcd2-4eeb-b313-9efe1853d9b9)" /></g></g></g></svg>

使用上の注意

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