Appwrite
ツール
Vuetify
Vuetifyの公式ベクターロゴ。ツールカテゴリ。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 400 400
- ファイルサイズ
- 1.1 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますVuetify.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Vuetify
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #AEDDFFrgb(174, 221, 255) · hsl(205, 100%, 84%)
- WCAG コントラストとファイルサイズ
- 白背景 1.4:1 · 黒背景 13.8:1 · 1.1 KB
SVG コード
<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="200.025" cy="199.975" r="186.895" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M200.025 390.404C305.196 390.404 390.453 305.146 390.453 199.975C390.453 94.8048 305.196 9.54706 200.025 9.54706C94.8539 9.54706 9.59619 94.8048 9.59619 199.975C9.59619 305.146 94.8539 390.404 200.025 390.404ZM200.025 394.197C307.29 394.197 394.246 307.24 394.246 199.975C394.246 92.7098 307.29 5.75366 200.025 5.75366C92.7589 5.75366 5.8028 92.7098 5.8028 199.975C5.8028 307.24 92.7589 394.197 200.025 394.197Z" fill="#AEDDFF"/>
<path d="M203.087 172.693L144.963 273.389L200 368.773L272.896 242.513L345.759 116.253H235.651L203.087 172.693Z" fill="#1697F6"/>
<path d="M127.137 242.513L130.955 249.153L185.328 154.931L207.668 116.253H200H54.2415L127.137 242.513Z" fill="#AEDDFF"/>
<path d="M235.651 116.253C263.203 206.922 200 368.773 200 368.773L144.963 273.389L235.651 116.253Z" fill="#1867C0"/>
<path d="M207.668 116.253C91.586 116.253 130.955 249.153 130.955 249.153L207.668 116.253Z" fill="#7BC6FF"/>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 400 400"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
