本文へスキップ

CloudZone

CloudZoneの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

CloudZone Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
-2.82 21.12 64 64
ファイルサイズ
1.0 KB · 1 パス
公式サイト
https://cloudzone.io/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
CloudZone
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#20AC4Brgb(32, 172, 75) · hsl(138, 69%, 40%)
WCAG コントラストとファイルサイズ
白背景 3:1 · 黒背景 6.7:1 · 1.0 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.82 21.12 64 64" width="64" height="64"><linearGradient gradientUnits="userSpaceOnUse" x1="-4166.739" y1="420.14" x2="-4166.032" y2="419.433"><stop offset="0" stop-color="#20ac4b"/><stop offset=".983" stop-color="#19361a"/></linearGradient><path d="M59.187 55.024c-.01.001-.018.004-.027.005-2.34-10.763-12.715-18.008-23.75-16.3-8.016 1.234-14.525 6.944-16.887 14.547a1.853 1.853 0 0 0-.699-.087c-.985.068-1.727.888-1.727 1.86a14.666 14.666 0 0 0-5.178-.132A14.64 14.64 0 0 0-.52 64.102a1.844 1.844 0 0 0-.565-.056 1.863 1.863 0 0 0-1.73 1.986 1.865 1.865 0 0 0 1.988 1.731 1.866 1.866 0 0 0 1.731-1.988c-.047-.674-.45-1.233-1-1.522a14.2 14.2 0 0 1 11.094-8.912 14.228 14.228 0 0 1 5.165.159c.22.855 1.02 1.46 1.932 1.397a1.863 1.863 0 0 0 1.729-1.988 1.857 1.857 0 0 0-.886-1.457c2.298-7.472 8.684-13.086 16.552-14.298 10.802-1.66 20.96 5.43 23.252 15.967a1.86 1.86 0 0 0-1.274 1.891 1.866 1.866 0 0 0 1.988 1.731 1.87 1.87 0 0 0 1.731-1.988 1.864 1.864 0 0 0-1.988-1.731z" fill="#381d58"/></svg>

使用上の注意

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