Appwrite
ツール
Appfire
Appfireの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 2.8 KB · 3 パス
- 公式サイト
- http://appfire.com/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAppfire.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Appfire
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #B61F3Argb(182, 31, 58) · hsl(349, 71%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 6.5:1 · 黒背景 3.1:1 · 2.8 KB
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><defs><linearGradient y2="13.757" x2="65.764" y1="22.872" x1="56.908" gradientUnits="userSpaceOnUse" id="A"><stop offset=".219" stop-color="#b61f3a"/><stop offset=".224" stop-color="#b6203a"/><stop offset=".667" stop-color="#dd4a2e"/><stop offset=".893" stop-color="#ec5a2a"/></linearGradient><linearGradient id="B" gradientUnits="userSpaceOnUse" x1="51.307" y1="25.139" x2="58.529" y2="14.993"><stop offset=".214" stop-color="#b61f3a"/><stop offset="1" stop-color="#ec5a2a"/></linearGradient></defs><g transform="matrix(2.239124 0 0 2.239124 -101.3083 -6.589439)"><path d="M66.855 10.66l.45-.375c1.648-1.6 2.697-3.746 3.034-6.256.037-.3.075-.787-.337-.937l-.412-.15-.225.337-.037.112s-.375.937-1.124 1.985c0 0-.712 1-2.435 1.9-.075.037-1.873.862-3.484 2.285-1.573 1.35-2.772 3.334-3.56 5.057-.524-1.46-1.686-3.26-4.27-3.82-.075 0-1.498-.262-4.12.075-.637.075-.937.3-.974.674 0 .075 0 .487.524.637h.112a6.67 6.67 0 0 1 1.424.225 6.19 6.19 0 0 0 2.36 1.46c.037.037 1 .974 1.124 2.96v.225c-.187-.15-.412-.3-.712-.3-.262 0-.487.15-.562.412l-.037.112a.56.56 0 0 0 .262.562c.075.262.037.637-.15.974-.225.337-.787.824-1.6 1.46L50.86 21.3c-1.274 1.05-2.023 2.472-2.135 3.97-.225 3.184 2.435 5.994 5.92 6.256h.487c3.297 0 6.03-2.323 6.256-5.357v-.637c0-.037.075-2.248.862-3.52 0-.037 1.086-2.285 3.784-4.083 0 0 1.05-.712 2.772-1.35l.412-.262-.037-.225.075-.225-.487-.45-.3.075c-.037 0-.974.225-2.36.75-.075.037-1.836.674-3.26 2.023 0-.824.187-2.585 1.648-4.907.787-1.424 1.76-2.2 2.36-2.697zm-13 11.95c-.225.337-.6.674-.9.787.037-.112.15-.262.375-.412.037 0 .337-.262.75-.674-.112.112-.15.225-.225.3z" fill="#fde885"/><path d="M57.865 18.452s1.46-5.732 4.72-8.466c1.573-1.386 3.37-2.2 3.37-2.2 1.9-.974 2.66-2.098 2.66-2.098.787-1.086 1.2-2.06 1.2-2.06.075-.075 0 .337 0 .337-.487 3.596-2.435 5.507-2.884 5.92s-1.798 1.236-2.96 3.147c-2.173 3.52-1.648 5.806-1.648 5.806.112.524.412.187.412.187 1.46-1.573 3.52-2.323 3.52-2.323L68.54 16c.037 0 .037.037.037.037 0 .037-.037.037-.037.037-1.798.674-2.884 1.424-2.884 1.424-2.847 1.948-3.97 4.308-3.97 4.308-.824 1.386-.9 3.746-.9 3.746s-.037 1.35-1.498.787c-2.884-1.386-1.424-7.867-1.424-7.867z" fill="url(#A)"/><path d="M54.606 20.624l.112-.225s.487-1.35 0-2.547c0 0-.225-.45-.6-.45 0 0-.037 0-.075.075 0 0 0 .075.075.112.075 0 .112.037.112.075.15.375.187 1-.187 1.573-.375.6-1.386 1.3-2.96 2.585-1.086.9-1.836 2.135-1.948 3.596-.187 2.922 2.2 5.432 5.432 5.657 3.184.225 5.956-1.948 6.144-4.832a4.44 4.44 0 0 0-.412-2.323l-.524-1.16c-.487-1.124-.862-2.135-1.274-6.03 0 0-.112-4.42-4.233-5.32 0 0-1.386-.262-3.97.075-.15 0-.787.15-.375.262 0 0 .862.037 1.573.262 0 0 1.46.45 2.585 1.573 0 0 1.16 1.05 1.3 3.334 0 0 .112 2.435-.075 3.484 0 0-.225 1.498-1.05 2.547 0 0-.787 1.124-1.536 1.05 0 0-.45 0-.412-.524 0 0 .037-.412.637-.937.037.037 1.086-.75 1.648-1.9" fill="url(#B)"/></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
