Appwrite
ツール
Pixso
Pixsoの公式ベクターロゴ。ツールカテゴリ。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 46 46
- ファイルサイズ
- 2.0 KB · 4 パス
- 公式サイト
- https://pixso.cn/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますPixso.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Pixso
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #FF68CFrgb(255, 104, 207) · hsl(319, 100%, 70%)
- WCAG コントラストとファイルサイズ
- 白背景 2.6:1 · 黒背景 7.7:1 · 2.0 KB
SVG コード
<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_266_400)"><path d="m21.352 18.558-8.28-9.003a17.8 17.8 0 0 1 3.301-4.482C19.755 1.683 23.855 0 28.66 0c4.792 0 8.892 1.682 12.274 5.073 3.38 3.365 5.058 7.426 5.058 12.17 0 4.758-1.677 8.82-5.058 12.184-3.382 3.377-7.482 5.073-12.274 5.073v-9.897c1.997 0 3.714-.71 5.138-2.129 1.438-1.445 2.157-3.18 2.157-5.23 0-2.038-.719-3.786-2.157-5.218-1.424-1.433-3.141-2.143-5.138-2.143-2.01 0-3.714.71-5.138 2.143-1.451 1.432-2.17 3.18-2.17 5.217z" fill="url(#paint0_linear_266_400)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.315 25.668V46h.759c5.125 0 9.278-4.1 9.278-9.147v-2.721c-1.305-.552-2.662-1.42-4.047-2.59q-3.713-3.114-5.99-5.874" fill="url(#paint1_linear_266_400)"/><path d="M1.717 10.107 0 11.657 14.097 26.97l2.197 2.392.08.066c3.38 3.39 7.48 5.086 12.286 5.086 4.792 0 8.892-1.695 12.274-5.086 3.38-3.365 5.058-7.426 5.058-12.17H35.955c0 2.037-.719 3.785-2.157 5.217-1.424 1.433-3.141 2.142-5.138 2.142-1.97 0-3.66-.696-5.072-2.076l-6.735-7.32h-.014l-4.233-4.6C9.744 7.517 4.872 7.28 1.717 10.106" fill="url(#paint2_linear_266_400)"/></g><defs><linearGradient id="paint0_linear_266_400" x1="36.312" y1="16.423" x2="23.866" y2="28.688" gradientUnits="userSpaceOnUse"><stop offset=".108" stop-color="#ff68cf"/><stop offset=".323" stop-color="#ea61e6"/><stop offset=".572" stop-color="#cc51ff"/><stop offset="1" stop-color="#7936ff"/></linearGradient><linearGradient id="paint1_linear_266_400" x1="16.343" y1="23.687" x2="16.343" y2="47.268" gradientUnits="userSpaceOnUse"><stop offset=".092" stop-color="#7c2fff"/><stop offset=".996" stop-color="#33c9ff"/></linearGradient><linearGradient id="paint2_linear_266_400" x1="31.293" y1="19.37" x2="3.841" y2="7.895" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#ff68cf"/><stop offset=".995" stop-color="#ff9059"/></linearGradient><clipPath id="clip0_266_400"><path fill="#fff" d="M0 0h46v46H0z"/></clipPath></defs></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 46 46"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
