本文へスキップ
ツールazure-software-as-a-serviceSaaS

Software as a Service

Software as a Service(azure-software-as-a-service)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Software as a Service 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.5 KB · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg id="be35ad43-1aa6-4603-935f-1197686f7c0c" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="eecac283-5787-4815-966b-5038e8694ef9" x1="9" y1="1.99" x2="9" y2="14.03" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ea0ef" /><stop offset="0.18" stop-color="#559cec" /><stop offset="0.47" stop-color="#3c91e5" /><stop offset="0.84" stop-color="#1380da" /><stop offset="1" stop-color="#0078d4" /></linearGradient><linearGradient id="f10368bd-0855-4655-99c6-f816802ac965" x1="9.06" y1="6.39" x2="9.06" y2="16.01" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b3b3b3" /><stop offset="0.12" stop-color="#adadad" /><stop offset="0.64" stop-color="#9b9b9b" /><stop offset="1" stop-color="#949494" /></linearGradient></defs><path d="M17.5,10.26a3.82,3.82,0,0,0-3.32-3.67A4.8,4.8,0,0,0,9.23,2,4.94,4.94,0,0,0,4.51,5.2a4.56,4.56,0,0,0-4,4.39A4.62,4.62,0,0,0,5.29,14h8.17a1.2,1.2,0,0,0,.2,0A3.87,3.87,0,0,0,17.5,10.26Z" fill="url(#eecac283-5787-4815-966b-5038e8694ef9)" /><path d="M11.88,15.53a.48.48,0,0,1-.49.48H6.72a.48.48,0,0,1-.49-.48V6.87a.48.48,0,0,1,.49-.48h4.67a.48.48,0,0,1,.49.48Z" fill="url(#f10368bd-0855-4655-99c6-f816802ac965)" /><path id="b27878c5-7f3c-4613-bf1f-666b5e29766a" d="M6.9,7.39H8V8.74H6.9Zm1.62,0H9.6V8.74H8.52Zm1.62,0h1.08V8.74H10.14ZM6.9,9.55H8V10.9H6.9Zm1.62,0H9.6V10.9H8.52Zm1.62,0h1.08V10.9H10.14ZM6.9,11.71H8v1.35H6.9Zm1.62,0H9.6v1.35H8.52Zm0,2.16H9.6v1.62H8.52Zm1.62-2.16h1.08v1.35H10.14Z" fill="#fff" /></svg>

使用上の注意

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