Appwrite
ツール
Refine
Refine（refine_dark）の公式ベクターロゴ。ツールカテゴリ。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 120 120
- ファイルサイズ
- 787 B · 2 パス
- 公式サイト
- https://refine.dev/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますRefine.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Refine (refine_dark)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #14141Frgb(20, 20, 31) · hsl(240, 22%, 10%)
- WCAG コントラストとファイルサイズ
- 白背景 18.3:1 · 黒背景 1.1:1 · 787 B
SVG コード
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M68.9443 2.11146C63.3137 -0.703819 56.6863 -0.703819 51.0557 2.11146L11.0557 22.1115C4.28005 25.4993 0 32.4246 0 40V80C0 87.5754 4.28005 94.5007 11.0557 97.8885L51.0557 117.889C56.6863 120.704 63.3137 120.704 68.9443 117.889L108.944 97.8885C115.72 94.5007 120 87.5754 120 80V40C120 32.4246 115.72 25.4993 108.944 22.1115L68.9443 2.11146ZM40 40C40 28.9543 48.9543 20 60 20C71.0457 20 80 28.9543 80 40V80C80 91.0457 71.0457 100 60 100C48.9543 100 40 91.0457 40 80V40Z" fill="#14141F"/>
<path d="M70 40C70 45.5228 65.5228 50 60 50C54.4771 50 50 45.5228 50 40C50 34.4771 54.4771 30 60 30C65.5228 30 70 34.4771 70 40Z" fill="#14141F"/>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 120 120"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
