Appwrite
ツール
Twake Drive
Twake Drive（twake-drive）の公式ベクターロゴ。ツールカテゴリ。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 512 512
- ファイルサイズ
- 2.4 KB · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますTwake Drive.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Twake Drive (twake-drive)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #A033FFrgb(160, 51, 255) · hsl(272, 100%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 4.8:1 · 黒背景 4.2:1 · 2.4 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="twake-drive_svg__a" x1="457.22" x2="318.602" y1="662.468" y2="573.968" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset=".13" style="stop-color:#a033ff"/><stop offset=".61" style="stop-color:#0094ff"/><stop offset="1" style="stop-color:#ff4759"/></linearGradient><path d="M0 169.1C0 75.7 75.7 0 169.1 0h173.8C436.3 0 512 75.7 512 169.1v173.8c0 93.4-75.7 169.1-169.1 169.1H169.1C75.7 512 0 436.3 0 342.9z" style="fill:url(#twake-drive_svg__a)"/><linearGradient id="twake-drive_svg__b" x1="290.134" x2="130.134" y1="465.733" y2="785.733" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#ffd600;stop-opacity:0"/><stop offset=".563" style="stop-color:#ffc700"/></linearGradient><path d="M0 169.1C0 75.7 75.7 0 169.1 0h173.8C436.3 0 512 75.7 512 169.1v173.8c0 93.4-75.7 169.1-169.1 169.1H169.1C75.7 512 0 436.3 0 342.9z" style="fill:url(#twake-drive_svg__b)"/><path d="M311.6 128c-55.1 0-102.3 33.4-122.6 81-.7-.2-1.4-.5-2.1-.7q-2.25-.75-4.5-1.2c-1.5-.4-3-.7-4.6-1-1.5-.3-3.1-.6-4.6-.8s-3.1-.4-4.6-.6c-1.6-.2-3.1-.3-4.7-.3-1.6-.1-3.1-.1-4.7-.1s-3.1 0-4.7.1-3.1.2-4.7.3c-1.6.2-3.1.3-4.6.6-1.5.2-3.1.5-4.6.8s-3 .6-4.6 1l-4.5 1.2c-1.5.5-3 .9-4.4 1.5-1.5.5-2.9 1.1-4.4 1.7-1.4.6-2.9 1.2-4.3 1.9l-4.2 2.1c-1.4.7-2.7 1.5-4.1 2.3-1.3.8-2.7 1.6-3.9 2.5-1.3.9-2.6 1.8-3.8 2.7-1.3.9-2.5 1.9-3.7 2.9s-2.4 2-3.5 3.1c-1.2 1-2.3 2.1-3.4 3.2s-2.2 2.2-3.2 3.4-2.1 2.3-3.1 3.5-1.9 2.4-2.9 3.7c-.9 1.3-1.8 2.5-2.7 3.8s-1.7 2.6-2.5 3.9-1.6 2.7-2.3 4.1l-2.1 4.2c-.7 1.4-1.3 2.8-1.9 4.3-.6 1.4-1.2 2.9-1.7 4.4s-1 2.9-1.5 4.4-.9 3-1.2 4.5c-.4 1.5-.7 3-1 4.6-.3 1.5-.6 3.1-.8 4.6s-.4 3.1-.6 4.6c-.2 1.6-.3 3.1-.3 4.7-.1 1.6-.1 3.1-.1 4.7s0 3.1.1 4.7.2 3.1.3 4.7c.2 1.6.3 3.1.6 4.6.2 1.5.5 3.1.8 4.6s.6 3 1 4.6l1.2 4.5c.5 1.5.9 3 1.5 4.4.5 1.5 1.1 2.9 1.7 4.4.6 1.4 1.2 2.9 1.9 4.3l2.1 4.2c.7 1.4 1.5 2.7 2.3 4.1.8 1.3 1.6 2.7 2.5 4s1.8 2.6 2.7 3.8c.9 1.3 1.9 2.5 2.9 3.7s2 2.4 3.1 3.5c1 1.2 2.1 2.3 3.2 3.4s2.2 2.2 3.4 3.2 2.3 2.1 3.5 3.1 2.4 1.9 3.7 2.9c1.3.9 2.5 1.8 3.8 2.7s2.6 1.7 3.9 2.5 2.7 1.6 4.1 2.3l4.2 2.1c1.4.7 2.8 1.3 4.3 1.9 1.4.6 2.9 1.2 4.4 1.7s2.9 1 4.4 1.5 3 .9 4.5 1.2c1.5.4 3 .7 4.6 1 1.5.3 3.1.6 4.6.8s3.1.4 4.6.6c1.6.2 3.1.3 4.7.3 1.6.1 3.1.1 4.7.1h152.4c73.6 0 133.3-59.7 133.3-133.3.1-74-59.6-133.7-133.3-133.7" style="fill:#fff"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
