本文へスキップ
ツールazure-event-grid-topics

Event Grid Topics

Event Grid Topics(azure-event-grid-topics)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Event Grid Topics 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.9 KB · 13 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="afc27830-8354-4c08-adf9-e299527ebe55" x1="7.94" y1="7.7" x2="7.94" y2="3.75" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient><linearGradient id="edc561ac-a1d6-439f-a08b-594ef0214ee3" x1="7.94" y1="14.26" x2="7.94" y2="10.31" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient></defs><title>Icon-integration-206</title><g><g id="aa7ea84e-faaa-4698-89ff-203b553089f2"><g><g><path d="M1.06,1.42H2.35a0,0,0,0,1,0,0V5a.29.29,0,0,1-.29.29H.77A.29.29,0,0,1,.48,5V2A.57.57,0,0,1,1.06,1.42Z" fill="#a3a3a3" /><path d="M1.06,1.42H2.35a0,0,0,0,1,0,0V5a.29.29,0,0,1-.29.29H.77A.29.29,0,0,1,.48,5V2A.57.57,0,0,1,1.06,1.42Z" fill="#a3a3a3" opacity="0.5" /></g><g><path d="M15.65,1.42h1.29a.57.57,0,0,1,.57.57V5a.29.29,0,0,1-.29.29H15.94A.29.29,0,0,1,15.65,5V1.42A0,0,0,0,1,15.65,1.42Z" fill="#a3a3a3" /><path d="M15.65,1.42h1.29a.57.57,0,0,1,.57.57V5a.29.29,0,0,1-.29.29H15.94A.29.29,0,0,1,15.65,5V1.42A0,0,0,0,1,15.65,1.42Z" fill="#a3a3a3" opacity="0.5" /></g><path d="M8.66-6.19H9.91a0,0,0,0,1,0,0v17a0,0,0,0,1,0,0H8.66a.57.57,0,0,1-.57-.57V-5.62A.57.57,0,0,1,8.66-6.19Z" transform="translate(11.32 -6.68) rotate(90)" fill="#949494" /><g><path d="M.77,12.69H2.06a.29.29,0,0,1,.29.29v3.61a0,0,0,0,1,0,0H1.06A.57.57,0,0,1,.48,16V13A.29.29,0,0,1,.77,12.69Z" fill="#a3a3a3" /><path d="M.77,12.69H2.06a.29.29,0,0,1,.29.29v3.61a0,0,0,0,1,0,0H1.06A.57.57,0,0,1,.48,16V13A.29.29,0,0,1,.77,12.69Z" fill="#a3a3a3" opacity="0.5" /></g><g><path d="M15.94,12.69h1.29a.29.29,0,0,1,.29.29v3a.57.57,0,0,1-.57.57H15.65a0,0,0,0,1,0,0V13A.29.29,0,0,1,15.94,12.69Z" fill="#a3a3a3" /><path d="M15.94,12.69h1.29a.29.29,0,0,1,.29.29v3a.57.57,0,0,1-.57.57H15.65a0,0,0,0,1,0,0V13A.29.29,0,0,1,15.94,12.69Z" fill="#a3a3a3" opacity="0.5" /></g><path d="M8.66,7.16H9.91a0,0,0,0,1,0,0v17a0,0,0,0,1,0,0H8.66a.57.57,0,0,1-.57-.57V7.73A.57.57,0,0,1,8.66,7.16Z" transform="translate(-6.68 24.68) rotate(-90)" fill="#949494" /><path d="M14.91,8.84,13.09,7a.09.09,0,0,0-.16.07V8.2a.09.09,0,0,1-.1.1H7.59a1.05,1.05,0,0,0-.83-.41,1.1,1.1,0,1,0,0,2.19,1.08,1.08,0,0,0,.84-.42h5.23a.09.09,0,0,1,.1.09v1.11a.09.09,0,0,0,.16.06l1.82-1.81A.2.2,0,0,0,14.91,8.84Z" fill="#5ea0ef" /><path d="M11.55,5.59,9.73,3.78a.09.09,0,0,0-.16.07V5a.09.09,0,0,1-.09.1H6.2a1.07,1.07,0,0,0-.84-.41,1.1,1.1,0,1,0,.85,1.77H9.48a.09.09,0,0,1,.09.09V7.61a.09.09,0,0,0,.16.06l1.82-1.81A.2.2,0,0,0,11.55,5.59Z" fill="url(#afc27830-8354-4c08-adf9-e299527ebe55)" /><path d="M11.55,12.15,9.73,10.34a.09.09,0,0,0-.16.07v1.1a.1.1,0,0,1-.09.1H6.2a1.07,1.07,0,0,0-.84-.41A1.1,1.1,0,1,0,6.21,13H9.48a.09.09,0,0,1,.09.09v1.11a.09.09,0,0,0,.16.06l1.82-1.81A.2.2,0,0,0,11.55,12.15Z" fill="url(#edc561ac-a1d6-439f-a08b-594ef0214ee3)" /></g></g></g></svg>

使用上の注意

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