Skip to content
LogoHub
Dev & Tools11ty

Eleventy

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

Eleventy Logo

Brand Color Palette

Click swatch to copy HEX
Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download

Download SVG Vector FilePNG
Download all as ZIP
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 24 24
File Size / Nodes
2.3 KB · 1 paths
Official Site
https://www.11ty.dev

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 setEleventy.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Eleventy
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#222222rgb(34, 34, 34) · hsl(0, 0%, 13%)
WCAG Surface Contrast
Light 15.9:1 · Dark 1.2:1

Inline SVG Code Snippet

<svg fill="#222222" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Eleventy</title><path d="M3.398 12V0h17.204v24H3.398zm13.17 6.07a1.07 1.07 0 00.373-.107c.432-.213.68-.672.877-1.626.076-.372 1.195-6.168 1.209-6.263.026-.186-.008-.382-.084-.476a.325.325 0 00-.087-.064l-.06-.031h-.291c-.253 0-.298 0-.348.02-.113.039-.207.156-.255.316-.011.038-.168.881-.348 1.873l-.328 1.802-.046-.21c-.56-2.547-.764-3.452-.794-3.532a.383.383 0 00-.103-.16c-.105-.107-.117-.11-.567-.11-.411 0-.422 0-.5.074-.086.079-.122.216-.111.42.006.115.045.27.688 2.784.663 2.587.751 2.943.787 3.177.046.3-.05.713-.208.893-.032.037-.037.039-.084.032-.028 0-.12-.027-.204-.051-.268-.078-.362-.072-.462.028-.096.096-.137.248-.138.51 0 .256.028.34.159.473.131.133.324.208.595.23.164.012.22.012.33-.001zm-1.896-1.712a.31.31 0 00.16-.192c.02-.058.022-.098.022-.356 0-.255-.003-.299-.021-.354-.04-.121-.136-.196-.278-.217-.041-.01-.2-.01-.355-.01-.365-.001-.378-.01-.446-.184-.068-.18-.096-.326-.113-.602a85.799 85.799 0 01-.012-1.94v-1.765h.35c.454 0 .507-.01.602-.113a.465.465 0 00.102-.24 3.273 3.273 0 000-.534c-.026-.16-.099-.271-.211-.322-.057-.025-.065-.026-.45-.03h-.392l-.003-1.22c-.003-1.09-.005-1.227-.021-1.278a.378.378 0 00-.201-.247c-.052-.024-.072-.025-.32-.029-.27 0-.356 0-.429.038-.087.042-.148.133-.185.278-.014.054-.032.346-.076 1.262l-.06 1.194s-.08 0-.18.01c-.206.01-.263.022-.327.086-.092.092-.12.19-.127.455-.01.334.02.487.115.588.075.081.134.1.345.106l.173.01v1.785c0 1.7.006 2.019.034 2.274.041.37.13.709.241.928.194.38.544.617.988.668h1.005l.07-.04zm-7.447 0c.098-.053.16-.154.2-.332.016-.077.018-.401.018-4.518 0-4.184-.001-4.44-.02-4.51-.05-.194-.19-.29-.378-.26-.035.01-.344.084-.686.175-.343.09-.684.18-.758.198-.17.043-.214.062-.281.126-.105.098-.122.185-.122.606 0 .416.016.5.12.604.094.095.189.1.456.03.103-.026.193-.048.2-.048.01 0 .014.784.017 3.763.003 3.436.005 3.77.021 3.84.048.202.113.296.236.34.034.013.133.016.487.014.435 0 .445 0 .49-.027zm3.203 0c.092-.046.152-.135.197-.29l.024-.084.003-4.435c.002-3.194 0-4.456-.01-4.509-.033-.2-.145-.308-.322-.308-.066 0-.198.03-.857.204-.56.147-.799.214-.849.239a.34.34 0 00-.17.184c-.024.06-.024.071-.024.479 0 .415 0 .417.026.483a.362.362 0 00.083.12c.1.1.172.105.456.034a5.46 5.46 0 01.208-.05c.008 0 .012 1.202.014 3.791l.003 3.79.026.086a.48.48 0 00.135.23c.078.062.085.063.57.06.414 0 .447 0 .487-.024z"/></svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 24 24") 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