Appwrite
ツール
vecta
vectaの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 824 B · 9 パス
- 公式サイト
- https://vecta.io/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますvecta.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- vecta
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #E91E63rgb(233, 30, 99) · hsl(340, 82%, 52%)
- WCAG コントラストとファイルサイズ
- 白背景 4.3:1 · 黒背景 4.6:1 · 824 B
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64" stroke="none" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="evenodd"><ellipse cx="12.5" cy="16.398" fill="#e91e63" rx="6.8" ry="6.93"/><ellipse cx="34.9" cy="7.43" fill="#2196f3" rx="6.8" ry="6.93"/><ellipse cx="55.3" cy="26.589" fill="#ffc107" rx="6.8" ry="6.93"/><path d="M22.3 35.2l6.92-11.455q5.68-9.376 10 0l7.04 15.287-13.8 8.438z" fill="#2196f3"/><path d="M57.98 64.5L46.26 39.022Q55.3 33.52 57.22 40l7.28 24.5z" fill="#ffc107"/><path d="M32.46 47.46L46.54 64.5h11.44L46.26 39.022z" fill="#e0a80d"/><path d="M.5 64.5L10 31.89q2.5-8.56 9.5-.102l2.8 3.404L4.54 64.5z" fill="#e91e63"/><path d="M4.54 64.5L22.3 35.19l10.16 12.27z" fill="#cc155b"/><path d="M4.54 64.5l27.92-17.04L46.54 64.5z" fill="#cc960e"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
