Appwrite
ツール
ツールダーク版
TaskTrove
TaskTroveの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 1.0 KB · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますTaskTrove.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- TaskTrove
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #D2591Drgb(210, 89, 29) · hsl(20, 76%, 47%)
- WCAG コントラストとファイルサイズ
- 白背景 4:1 · 黒背景 4.9:1 · 1.0 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="tasktrove_svg__a" x1="256" x2="256" y1="2" y2="514" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#d2591d"/><stop offset=".568" style="stop-color:#e2833b"/><stop offset="1" style="stop-color:#ec9f4f"/></linearGradient><path d="M416.5 512h-321C42.8 512 0 469.2 0 416.5v-321C0 42.8 42.8 0 95.5 0h320.9C469.2 0 512 42.8 512 95.5v320.9c0 52.8-42.8 95.6-95.5 95.6" style="fill:url(#tasktrove_svg__a)"/><path d="M95.5 512h320.9c52.8 0 95.5-42.8 95.5-95.5v-28.7L275.4 160.1c-12.8-12.2-33-12-45.6.4L0 388.2v28.3C0 469.2 42.8 512 95.5 512" style="fill:#1a1a1a"/><path d="M431 122.5c-16.7-16.7-43.7-16.7-60.4 0L255.4 237.6 214.9 278c-7.6 7.6-19.9 7.6-27.5 0l-.2-.2-14.2-14.3-23-23-7.2-7.2c-16.1-16.1-42.2-16.1-58.4 0-16.1 16.1-16.1 42.2 0 58.4l89.8 89.8c16.1 16.1 42.2 16.1 58.4 0 .1-.1.3-.3.4-.5.2-.2.5-.4.7-.7L431 182.9c16.7-16.7 16.7-43.7 0-60.4" style="fill:#eceeed"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
