Appwrite
ツール
ツールazure-expressroute-circuits
ExpressRoute Circuits
ExpressRoute Circuits（azure-expressroute-circuits）の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
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.5 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますExpressRoute Circuits.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- ExpressRoute Circuits (azure-expressroute-circuits)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 1.5 KB
SVG コード
<svg id="e022db4a-5abf-429f-959c-7fad16bc2c60" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="bb37dfaa-4390-42b5-a627-52fd73968e3c" x1="5.33" y1="2.81" x2="8.74" y2="6.22" gradientTransform="translate(2.03 -1.37) rotate(-0.08)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86d633" /><stop offset="1" stop-color="#5e9624" /></linearGradient><linearGradient id="b0a858c9-0e98-4e4e-9ead-d7a0786c484b" x1="11.84" y1="14.54" x2="15.24" y2="17.95" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86d633" /><stop offset="1" stop-color="#5e9624" /></linearGradient><linearGradient id="eee8ab19-1451-41df-b871-13f8a49d17d6" x1="-1.34" y1="14.53" x2="2.06" y2="17.93" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86d633" /><stop offset="1" stop-color="#5e9624" /></linearGradient></defs><title>Icon-networking-79</title><rect x="4.74" y="4.21" width="1.98" height="9.5" transform="translate(5.25 -1.66) rotate(30)" fill="#a67af4" /><rect x="11.21" y="4.37" width="1.98" height="9.5" transform="translate(-2.92 7.32) rotate(-30)" fill="#a67af4" /><rect x="7.9" y="9.97" width="1.98" height="9.5" transform="translate(23.61 5.82) rotate(90)" fill="#773adc" /><circle cx="9.07" cy="3.14" r="2.41" fill="url(#bb37dfaa-4390-42b5-a627-52fd73968e3c)" /><circle cx="15.59" cy="14.86" r="2.41" fill="url(#b0a858c9-0e98-4e4e-9ead-d7a0786c484b)" /><circle cx="2.41" cy="14.86" r="2.41" fill="url(#eee8ab19-1451-41df-b871-13f8a49d17d6)" /></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
