本文へスキップ
ツール彩云小译Caiyun

Caiyunapp

Caiyunapp(彩云小译)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Caiyunapp 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 46 46
ファイルサイズ
1.9 KB · 5 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Caiyunapp (彩云小译)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#00B977rgb(0, 185, 119) · hsl(159, 100%, 36%)
WCAG コントラストとファイルサイズ
白背景 2.6:1 · 黒背景 7.7:1 · 1.9 KB

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.932 10.252c-.68.22-23.737 5.101-23.737 5.101C9.97 15.665 9 16.897 9 18.103v21.599s2.067-2.28 3.432-3.446c1.064-.91 2.995-1.678 3.31-1.787 1.299-.445 17.36-3.808 17.36-3.808C37.163 29.493 37 27.327 37 27.327V11.02c0-1.06-.827-2.22-.827-2.22s.809.785-1.24 1.452" fill="url(#paint0_linear_185_8099)"/><path d="M17.854 25.546a1.73 1.73 0 1 0 0-3.462 1.73 1.73 0 0 0 0 3.462m7.155-1.592a1.73 1.73 0 1 0 0-3.462 1.73 1.73 0 0 0 0 3.462" fill="#fff"/><path opacity=".5" d="M32.06 22.364a1.73 1.73 0 1 0 0-3.461 1.73 1.73 0 0 0 0 3.461" fill="#fff"/><path d="M31.745 6.35c.95.144 1.926.395 2.8.939.486.301.926.693 1.34 1.16.602.683 1.114 1.653 1.114 2.79v16.008c0 .752-.443 1.4-.443 1.4s.395-.909-.54-1.776c-1.02-.941-4.33-1.682-4.33-1.682-1.143-.265-1.354-.616-1.354-2.382V7.67c0-.413.147-.99.4-1.184.333-.259.707-.192 1.07-.136z" fill="url(#paint1_linear_185_8099)"/><path opacity=".5" d="M33.266 6.662v18.935c.8.245 1.866.586 2.4.973V8.105c-.267-.318-.678-.592-1.038-.816-.448-.278-.83-.478-1.362-.627" fill="url(#paint2_linear_185_8099)"/><defs><linearGradient id="paint0_linear_185_8099" x1="1.488" y1="28.678" x2="33.548" y2="21.949" gradientUnits="userSpaceOnUse"><stop offset=".009" stop-color="#00da77"/><stop offset=".5" stop-color="#00b977"/><stop offset="1" stop-color="#008f69"/></linearGradient><linearGradient id="paint1_linear_185_8099" x1="29.404" y1="16.805" x2="37.231" y2="17.942" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8debbb" stop-opacity=".5"/><stop offset="1" stop-color="#00b977"/></linearGradient><linearGradient id="paint2_linear_185_8099" x1="33.142" y1="16.615" x2="35.542" y2="16.615" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".3"/><stop offset=".997" stop-color="#fff" stop-opacity=".5"/></linearGradient></defs></svg>

使用上の注意

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