Appwrite
ツール
Clay
Clayの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 0.73:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 70.04 5.42 46.326 63.764
- ファイルサイズ
- 751 B · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますClay.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Clay
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #F77159rgb(247, 113, 89) · hsl(9, 91%, 66%)
- WCAG コントラストとファイルサイズ
- 白背景 2.8:1 · 黒背景 7:1 · 751 B
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="70.04 5.42 46.326 63.764"><linearGradient id="A" gradientUnits="userSpaceOnUse" x1="163.986" y1="38.283" x2="338.015" y2="339.71"><stop offset="0" stop-color="#f77159"/><stop offset="1" stop-color="#db5153"/></linearGradient><g transform="matrix(.183231 0 0 .183231 47.211834 2.672264)" fill-rule="evenodd"><circle r="174" cy="188.996" cx="251" fill="url(#A)"/><path d="M282 313.2v-31.746c38.65-12.952 66.5-49.455 66.5-92.465s-27.85-79.513-66.5-92.465V64.786c55.713 13.86 97 64.2 97 124.2S337.713 299.35 282 313.2zM219 96.877c-38.128 13.243-65.5 49.483-65.5 92.12s27.372 78.877 65.5 92.12v31.847c-55.207-14.2-96-64.325-96-123.968S163.793 79.24 219 65.03z" fill="#fff"/></g></svg>使用上の注意
- 元の 0.73:1 の縦横比（viewBox "70.04 5.42 46.326 63.764"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
