Appwrite
ツール
PurpleJS
PurpleJSの公式ベクターロゴ。ツールカテゴリ。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 64 64
- ファイルサイズ
- 1.9 KB · 9 パス
- 公式サイト
- http://purplejs.io/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますPurpleJS.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- PurpleJS
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #370F50rgb(55, 15, 80) · hsl(277, 68%, 19%)
- WCAG コントラストとファイルサイズ
- 白背景 15.6:1 · 黒背景 1.3:1 · 1.9 KB
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill-rule="evenodd"><path d="M21.758 25.024c1.3-10.31-1.33-23.148-1.33-23.148s10.554 7.107 16.24 15.72 8.384 25.33 8.384 25.33 3.453 12.58 1.268 15.704c-4.598 6.58-9.508-2.446-12.092-3.415C29.706 53.52 17.1 69.228 17.1 58.12c0-1.892 1.098-6.642 2-11.023.53-2.573 1.116-4.938 1.047-6.74-.187-4.87-3.788 7.478-4.84 1.728s5.12-6.5 6.45-17.06z" fill="#360f50"/><path d="M22.545 25.562c1.2-9.73-1.16-22.194-1.16-22.194s9.217 6.22 14.84 14.612 7.803 23.66 7.803 23.66 3.588 13.285 1.576 16.236c-4.235 6.21-8.858-2.91-11.238-3.823-4.165-1.6-16.332 13.712-16.332 3.224 0-2.836 2.94-15.12 2.715-16.788-.53-3.928-3.493 4.9-4.992 1.527s5.817-8.657 6.787-16.454z" fill="#773f9b"/><path d="M44.028 39.33c.555.834.243 2.865.97 3.3 1.815 1.088 3.814 1.746 3.814 0 0-2.733-6.512-11.905-6.512-9.506 0 .96.43 4.255 1.728 6.204z" fill="#370f50"/><path d="M43.06 39.48c1.94 2.917 5.463 4.877 5.023 2.247S41.11 30.56 41.11 32.96c0 .96.653 4.57 1.95 6.52z" fill="#773f9b"/><path d="M16.274 42.807c.48.145 1.495-1.413 2.656-2.602 1.278-1.3 3.73-2.768 3.524-2.02-.092.335-2.568 1.907-3.1 2.415l-2.893 2.92c-.126-.167-1.185-1.018-.177-.714zm27.54-2.123c-.385-1.88-.513-3.534-.323-3.534.1 0 .808 2.75 1.12 4.002.28 1.123.574 2.174.262 2.407s-.063.337-.112.272c-.075-.1-.373-.35-.946-3.146z" fill="#370f50"/><path d="M31.22 28.69c3.145 0 4.824-3.133 4.824-5.532 0-2.175-.825-1.058-3.628-.822-.29.024-5.212-1.577-5.212.822s.872 5.532 4.016 5.532z" fill="#3b7616"/><path d="M31.444 27.66c2.358 0 3.85-1.842 3.85-3.745s-1.492-1.1-3.85-1.1-3.342-.803-3.342 1.1.984 3.745 3.342 3.745z" fill="#a3ffbd"/><ellipse ry=".824" rx=".899" cy="24.721" cx="32.119" fill="#550072"/><path d="M31.9 21.867c3.103.214 4.8-1.484 4.8-1.484s-1.56 3.316-5.118 3.07S25 20.988 25 20.988l6.892.88zM33.002 32.3c-3.103.214-4.102-1.23-4.102-1.23s.543 3 4.102 2.765 3.834-2.466 3.834-2.466-.73.716-3.834.93z" fill="#370f50"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
