本文へスキップ
ツールazure-logic-apps

Logic Apps

Logic Apps(azure-logic-apps)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Logic Apps 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
ファイルサイズ
1.6 KB · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="ba6b54e9-66d7-42e0-a289-95171eaf47f3" x1="9" y1="1.796" x2="9" y2="6.371" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9cebff" /><stop offset="1" stop-color="#50e6ff" /></linearGradient><linearGradient id="e5c23c93-889c-4cfe-8adf-72bfa2a5b6e4" x1="3.374" y1="12.14" x2="3.374" y2="18.457" gradientUnits="userSpaceOnUse"><stop offset="0.001" stop-color="#b4ec36" /><stop offset="1" stop-color="#86d633" /></linearGradient><linearGradient id="fb46250a-f4a9-418f-b6ae-1a568665f153" x1="14.626" y1="12.14" x2="14.626" y2="18.457" gradientTransform="translate(-0.02 29.273) rotate(-90)" gradientUnits="userSpaceOnUse"><stop offset="0.001" stop-color="#b4ec36" /><stop offset="1" stop-color="#86d633" /></linearGradient></defs><g id="a9693b19-30a4-439f-a536-87fc73c5ba8c"><g><path d="M13.851,9.047H10.939A1.518,1.518,0,0,1,9.421,7.529V4.33H8.579v3.2A1.518,1.518,0,0,1,7.061,9.047H4.149a1.2,1.2,0,0,0-1.2,1.2v2.338h.841V10.244a.355.355,0,0,1,.356-.355H7.061A2.353,2.353,0,0,0,8.8,9.125a.278.278,0,0,1,.408,0,2.353,2.353,0,0,0,1.735.764h2.912a.354.354,0,0,1,.355.355v2.338h.841V10.244A1.2,1.2,0,0,0,13.851,9.047Z" fill="#0078d4" /><rect x="5.626" y="-0.02" width="6.747" height="6.747" rx="0.604" fill="url(#ba6b54e9-66d7-42e0-a289-95171eaf47f3)" /><rect y="11.273" width="6.747" height="6.747" rx="0.604" fill="url(#e5c23c93-889c-4cfe-8adf-72bfa2a5b6e4)" /><rect x="11.253" y="11.273" width="6.747" height="6.747" rx="0.604" transform="translate(29.273 0.02) rotate(90)" fill="url(#fb46250a-f4a9-418f-b6ae-1a568665f153)" /></g></g></svg>

使用上の注意

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