Appwrite
ツール
ツールBootswatch themes
Bootswatch
Bootswatchの公式ベクターロゴ。ツールカテゴリ。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 32 32
- ファイルサイズ
- 1.3 KB · 7 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBootswatch.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Bootswatch
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #E74C3Crgb(231, 76, 60) · hsl(6, 78%, 57%)
- WCAG コントラストとファイルサイズ
- 白背景 3.8:1 · 黒背景 5.2:1 · 1.3 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="64" viewBox="0 0 32 32" width="64"><pattern id="A" patternTransform="translate(.025315 .5463)" xlink:href="#B"/><pattern id="B" height="29.836" patternTransform="translate(.025315 1020.9085)" patternUnits="userSpaceOnUse" width="31.93"><rect fill="#e74c3c" height="21.01" ry=".633" transform="matrix(.175462 -.984486 .984486 .175462 -.025 -1020.908)" width="6.602" x="-1030.786" y="184.455"/><rect fill="#f39c12" height="20.893" ry=".63" transform="matrix(.498945 -.866633 .866633 .498945 -.025 -1020.908)" width="6.602" x="-900.986" y="518.488"/><rect fill="#18bc9c" height="20.893" ry=".63" transform="matrix(.761686 -.647946 .647946 .761686 -.025 -1020.908)" width="6.602" x="-667.391" y="787.15"/><rect fill="#3498db" height="20.893" ry=".63" transform="matrix(.936975 -.349397 .349397 .936975 -.025 -1020.908)" width="6.602" x="-352.805" y="962.953"/><g fill="#fff"><rect height="20.893" ry=".63" width="6.602" x="12.061" y=".001"/><path d="M31.863 19.852a9.95 9.95 0 0 1-9.945 9.945 9.95 9.95 0 0 1-9.945-9.945 9.95 9.95 0 0 1 9.945-9.945 9.95 9.95 0 0 1 9.945 9.945z"/></g></pattern><path d="M.03.53v29.844H31.97V.53zm21.906 16a3.84 3.84 0 1 1 0 7.688c-2.125 0-3.875-1.72-3.875-3.844s1.75-3.844 3.875-3.844z" fill="url(#A)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 32 32"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
