Appwrite
ツール
Service Fabric Clusters
Service Fabric Clusters（azure-service-fabric-clusters）の公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 2.1 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますService Fabric Clusters.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Service Fabric Clusters (azure-service-fabric-clusters)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #F25022rgb(242, 80, 34) · hsl(13, 89%, 54%)
- WCAG コントラストとファイルサイズ
- 白背景 3.5:1 · 黒背景 5.6:1 · 2.1 KB
SVG コード
<svg id="e887b19d-8fdd-48fe-a67e-f86d20cca434" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="a116d8d6-6f2d-4ed7-b0bf-e3b4f053bb39" x1="2525.57" y1="-412.026" x2="2525.544" y2="-402.136" gradientTransform="matrix(0.5, 0.001, 0.001, -0.5, -1257.171, -191.917)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef7100" /><stop offset="1" stop-color="#faa21d" /></linearGradient><linearGradient id="ba80b0e0-7012-4f27-b08f-9ea64784ace3" x1="12.79" y1="17.38" x2="12.79" y2="12.44" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef7100" /><stop offset="1" stop-color="#faa21d" /></linearGradient><linearGradient id="a946587f-c511-47b7-914a-0a734f8d64d7" x1="15.3" y1="9.98" x2="15.3" y2="5.04" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef7100" /><stop offset="1" stop-color="#faa21d" /></linearGradient><linearGradient id="f2de30ee-07c3-4e10-ac30-e581c2e8ce50" x1="2.7" y1="9.98" x2="2.7" y2="5.04" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef7100" /><stop offset="1" stop-color="#faa21d" /></linearGradient><linearGradient id="fddbf243-2b2d-4e50-b263-924d85a1b87c" x1="9" y1="5.56" x2="9" y2="0.62" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef7100" /><stop offset="1" stop-color="#faa21d" /></linearGradient></defs><path d="M16,7.2,10.24,3.09h0L9,2.18H9l-1.22.9h0L2,7.2H2L4.25,14h0l.47,1.44h8.6L13.77,14h0L16,7.25h0ZM5.76,14l-2-6.22L9,4l5.28,3.79-2,6.22Z" fill="#e27908" /><circle cx="5.07" cy="14.91" r="2.47" fill="url(#a116d8d6-6f2d-4ed7-b0bf-e3b4f053bb39)" /><circle cx="12.79" cy="14.91" r="2.47" fill="url(#ba80b0e0-7012-4f27-b08f-9ea64784ace3)" /><circle cx="15.3" cy="7.51" r="2.47" fill="url(#a946587f-c511-47b7-914a-0a734f8d64d7)" /><circle cx="2.7" cy="7.51" r="2.47" fill="url(#f2de30ee-07c3-4e10-ac30-e581c2e8ce50)" /><circle cx="9" cy="3.09" r="2.47" fill="url(#fddbf243-2b2d-4e50-b263-924d85a1b87c)" /></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
