Appwrite
ツール
CloudTest
CloudTest（azure-cloudtest）の公式ベクターロゴ。ツールカテゴリ。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.6 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますCloudTest.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- CloudTest (azure-cloudtest)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #7FBA00rgb(127, 186, 0) · hsl(79, 100%, 36%)
- WCAG コントラストとファイルサイズ
- 白背景 2.4:1 · 黒背景 8.4:1 · 2.6 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="a21442fc-506b-43e3-a358-5cded6ec12b1" x1="9" y1="780.461" x2="9" y2="791.516" gradientTransform="matrix(1, 0, 0, -1, 0, 791.516)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="1" stop-color="#5ea0ef" /></linearGradient><linearGradient id="a2adb825-0205-4c0d-ac4b-0541f30617d1" x1="7.905" y1="18" x2="7.905" y2="5.162" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#50e6ff" /><stop offset="1" stop-color="#9cebff" /></linearGradient></defs><path d="M16.8,7.591a3.5,3.5,0,0,0-3.04-3.365A4.412,4.412,0,0,0,9.209,0,4.529,4.529,0,0,0,4.881,2.954,4.179,4.179,0,0,0,1.2,6.975a4.242,4.242,0,0,0,4.39,4.077c.13,0,.259-.006.386-.016h7.11a.706.706,0,0,0,.183-.029A3.544,3.544,0,0,0,16.8,7.591Z" fill="url(#a21442fc-506b-43e3-a358-5cded6ec12b1)" /><path d="M14.019,18H1.8c-.393,0-.621-.621-.406-.95L5.6,10.181A.426.426,0,0,0,5.693,9.9V6.582a.252.252,0,0,0-.241-.241H5.224a.481.481,0,0,1-.481-.482h0V5.644a.481.481,0,0,1,.481-.482h5.361a.481.481,0,0,1,.481.482h0v.215a.481.481,0,0,1-.481.482h-.228a.241.241,0,0,0-.241.241V9.915a.453.453,0,0,0,.089.279l4.207,6.856C14.628,17.366,14.4,18,14.019,18Z" fill="url(#a2adb825-0205-4c0d-ac4b-0541f30617d1)" /><path d="M2.646,16.779,6.223,10.82a1.334,1.334,0,0,0,.284-.738V8.716A.412.412,0,0,1,6.918,8.3H8.962a.412.412,0,0,1,.412.412v1.508a.866.866,0,0,0,.156.5l3.662,6.058a.327.327,0,0,1-.255.5H3a.312.312,0,0,1-.354-.5Z" fill="#005ba1" /><path d="M10.381,14.692a1.314,1.314,0,0,0-1.131-.638c-.014,0-.022.012-.035.015a1.261,1.261,0,0,0-.1-.465,1.2,1.2,0,0,0,.761-.56.185.185,0,1,0-.321-.186.825.825,0,0,1-.67.406,1.244,1.244,0,0,0-.437-.318.571.571,0,0,0,.244-.461A.582.582,0,0,0,8.11,11.9H7.779a.583.583,0,0,0-.582.582.571.571,0,0,0,.244.461,1.243,1.243,0,0,0-.474.373.819.819,0,0,1-.671-.406.186.186,0,0,0-.323.185,1.191,1.191,0,0,0,.783.564,1.249,1.249,0,0,0-.09.446v.018c-.008,0-.014-.01-.023-.01a1.314,1.314,0,0,0-1.131.638.185.185,0,0,0,.062.255.192.192,0,0,0,.1.027.184.184,0,0,0,.158-.09.948.948,0,0,1,.814-.459c.009,0,.015-.008.023-.009v.444a1.228,1.228,0,0,0,.065.322,1.307,1.307,0,0,0-.842.806A.186.186,0,0,0,6,16.287a.2.2,0,0,0,.062.01.186.186,0,0,0,.175-.123.938.938,0,0,1,.641-.591,1.24,1.24,0,0,0,1.047.6h.036a1.246,1.246,0,0,0,1.088-.662.94.94,0,0,1,.641.591.186.186,0,0,0,.175.123.2.2,0,0,0,.062-.01.186.186,0,0,0,.113-.238,1.31,1.31,0,0,0-.87-.814,1.165,1.165,0,0,0,.051-.251v-.508c.01,0,.016.011.027.011a.948.948,0,0,1,.814.459.184.184,0,0,0,.158.09.192.192,0,0,0,.1-.027A.186.186,0,0,0,10.381,14.692Z" fill="#c3f1ff" />
</svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
