Appwrite
ツール
AppFlowy
AppFlowyの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 41:40
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 41 40
- ファイルサイズ
- 1.8 KB · 9 パス
- 公式サイト
- https://appflowy.com
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAppFlowy.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- AppFlowy
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #8427E0rgb(132, 39, 224) · hsl(270, 75%, 52%)
- WCAG コントラストとファイルサイズ
- 白背景 6.3:1 · 黒背景 3.2:1 · 1.8 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 41 40"><path fill="#F7931E" d="M39.956 24.02c-1.146 6.148-6.173 11.512-11.95 14.521-.706.393-1.543.61-2.337.654h12.259c1.19 0 2.028-.872 2.028-1.962z"/><path fill="#8427E0" d="m15.438 12.158-.53.392C11.91 14.643 2.827 21.359.755 18.437-1.275 15.603.886 7.58 6.09 3.697c.088-.087.22-.13.308-.218 5.689-3.968 9.922-3.4 11.995-.523 1.94 2.704-.22 6.978-2.955 9.202"/><path fill="#FFBD00" d="M33.872 36.098c-.089.087-.177.13-.31.218-5.688 3.968-9.921 3.401-11.994.523-1.94-2.703.22-6.977 2.955-9.201l.53-.393c2.998-2.05 12.082-8.808 14.11-5.887 2.073 2.835-.044 10.859-5.291 14.74"/><path fill="#E3006D" d="M17.995 38.846c-2.91 2.05-11.288-.174-15.125-5.582a1.3 1.3 0 0 1-.22-.305c-3.749-5.451-3.131-9.55-.265-11.513 2.822-1.962 7.232.305 9.437 3.14.088.13.176.218.264.349 2.073 2.922 8.864 11.905 5.91 13.91"/><path fill="#9327FF" d="M15.439 12.158c-4.057 1.787-12.7 5.45-13.98 2.485C.358 12.158 2.387 7.1 6.09 3.698c.09-.088.221-.131.31-.219 5.688-3.968 9.921-3.4 11.994-.523 1.94 2.704-.22 6.978-2.955 9.202"/><path fill="#00B5FF" d="M37.662 18.396c-2.822 1.962-7.232-.306-9.436-3.14-.088-.131-.177-.218-.265-.35-2.117-2.965-8.907-11.948-5.997-13.954 2.91-2.05 11.333.175 15.17 5.582.087.13.176.218.264.349 3.704 5.451 3.13 9.507.264 11.513"/><path fill="#00C8FF" d="M37.663 18.393c-2.822 1.963-7.232-.305-9.437-3.14-1.808-4.142-5.292-12.297-2.381-13.518C28.49.601 33.959 2.869 37.442 6.881c3.66 5.45 3.087 9.506.22 11.512"/><path fill="#FFCE00" d="M33.872 36.099c-.089.087-.177.13-.31.218-5.688 3.968-9.921 3.401-11.994.523-1.94-2.704.22-6.977 2.955-9.201 4.057-1.788 12.7-5.451 13.979-2.486 1.146 2.486-.882 7.544-4.63 10.946"/><path fill="#FB006D" d="M14.203 38.061c-2.646 1.134-8.114-1.09-11.553-5.102-3.749-5.451-3.131-9.55-.265-11.513 2.822-1.962 7.232.305 9.437 3.14 1.808 4.1 5.291 12.254 2.381 13.475"/></svg>使用上の注意
- 元の 41:40 の縦横比（viewBox "0 0 41 40"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
