本文へスキップ
ツールazure-resource-linked

Resource Linked

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

Resource Linked 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.8 KB · 5 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Resource Linked (azure-resource-linked)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG コントラストとファイルサイズ
白背景 4.5:1 · 黒背景 4.4:1 · 1.8 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="a64c437a-1e67-4917-b2c6-ed565684b341" x1="9" y1="19.848" x2="9" y2="-1.014" gradientTransform="translate(9 -3.728) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="0.546" stop-color="#6dad2a" /><stop offset="0.999" stop-color="#76bc2d" /></linearGradient></defs><title>MsPortalFx.base.images-53</title><g id="abfd8800-7f3b-41a2-9511-cff9e496f906"><g><rect x="2.46" y="2.46" width="13.079" height="13.079" rx="0.6" transform="translate(-3.728 9) rotate(-45)" fill="url(#a64c437a-1e67-4917-b2c6-ed565684b341)" /><path d="M11.839,6.505V5.853l-.091-.034-.7-.229-.183-.446.355-.755-.458-.458-.092.046-.652.332-.446-.183-.286-.79H8.636L8.6,3.428l-.229.7-.446.183-.744-.355-.458.458.046.091.332.652L6.92,5.6l-.8.286v.652l.092.035.7.229.184.446L6.737,8l.457.457.092-.045.652-.332.446.183.286.789h.652l.035-.091.229-.7.446-.183.755.355.457-.458L11.2,7.889l-.332-.652.183-.446Zm-2.86.947A1.256,1.256,0,1,1,10.234,6.2,1.255,1.255,0,0,1,8.979,7.452Z" fill="#fff" /><path d="M10.512,10.914,9.719,10.9,9.177,10.9l-.39-.006A1.511,1.511,0,0,0,7.337,12.2l.542.008a.949.949,0,0,1,.9-.728l.39.006.542.008.794.011a1.041,1.041,0,0,1-.03,2.069l-1.725-.025a.948.948,0,0,1-.878-.753l-.543-.008A1.511,1.511,0,0,0,8.74,14.134l1.726.025a1.547,1.547,0,0,0,1.478-1.6A1.547,1.547,0,0,0,10.512,10.914Z" fill="#fff" /><path d="M8.269,12.21l-.39-.005L7.337,12.2l-.794-.012a1.04,1.04,0,0,1,.03-2.068l1.725.025a.95.95,0,0,1,.879.753l.542.007A1.513,1.513,0,0,0,8.307,9.553L6.581,9.528A1.548,1.548,0,0,0,5.1,11.13a1.548,1.548,0,0,0,1.432,1.644l.793.011.543.008.389.006a1.511,1.511,0,0,0,1.45-1.308l-.542-.008A.948.948,0,0,1,8.269,12.21Z" fill="#b4ec36" /><circle cx="8.979" cy="6.196" r="0.85" fill="#b4ec36" /></g></g></svg>

使用上の注意

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