Skip to content
LogoHub
Dev & ToolsBootswatch themes

Bootswatch

Official Bootswatch vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

Bootswatch Logo

Brand Color Palette

Click swatch to copy HEX

Download

Download SVG Vector FilePNG
Download all as ZIPDownload Wordmark SVG Variant
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 32 32
File Size / Nodes
1.3 KB · 7 paths
Official Site
http://bootswatch.com/

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setBootswatch.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Bootswatch
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#E74C3Crgb(231, 76, 60) · hsl(6, 78%, 57%)
WCAG Surface Contrast
Light 3.8:1 · Dark 5.2:1

Inline SVG Code Snippet

<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>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 32 32") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Solid vector paths; supports direct inline <svg> embedding or <img> rendering.

Related Brand Logos

View All in Category
Action completed