Skip to content

Water.css

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

Water.css Logo

Brand Color Palette

Click swatch to copy HEX

Download

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 16.933333 16.933333
File Size / Nodes
4.0 KB · 2 paths

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 setWater.css.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Water.css
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
WCAG Surface Contrast
Light 5.7:1 · Dark 3.5:1

Inline SVG Code Snippet

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="64"
   height="64"
   viewBox="0 0 16.933333 16.933333"
   version="1.1"
   id="svg967"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
   sodipodi:docname="netlifyapp_watercss-icon.svg">
  <defs
     id="defs961" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="45.194812"
     inkscape:cx="62.698553"
     inkscape:cy="31.314707"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="false"
     units="px"
     inkscape:window-width="1850"
     inkscape:window-height="1016"
     inkscape:window-x="70"
     inkscape:window-y="27"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata964">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-280.06667)">
    <path
       sodipodi:nodetypes="csssssscsaaaasaacasscc"
       inkscape:connector-curvature="0"
       id="path1634"
       d="m 1.1652598,292.83855 c -0.037618,-0.0597 -0.1786009,-0.33241 -0.31329515,-0.60611 -0.50754142,-1.03132 -0.78766777,-2.10966 -0.84073574,-3.2364 -0.07196725,-1.52802 0.20063402,-2.86271 0.85710976,-4.19653 1.08216193,-2.19872 3.02900503,-3.80067 5.39834263,-4.442 3.2132717,-0.86976 6.6797367,0.25037 8.7771647,2.83619 0.923065,1.13801 1.578456,2.60129 1.797235,4.01267 l 0.04741,0.33547 -0.719529,0.47663 c -0.546172,0.36179 -1.08026,-0.009 -1.51224,0.26504 -0.820623,0.52127 -1.147223,1.57106 -1.676717,2.3864 -0.365883,0.56341 -0.509256,1.31124 -1.035214,1.72917 -0.648475,0.51528 -1.537851,0.72268 -2.365207,0.76166 -0.5903597,0.0278 -1.2596354,-0.16307 -1.7313141,-0.38241 -0.4979456,-0.23156 -0.6955492,-0.57654 -1.025792,-0.88437 -0.3263406,-0.30419 -0.5592611,-0.72214 -0.9428999,-0.94985 -0.277308,-0.16459 -0.6256667,-0.26969 -0.9291495,-0.26945 -0.4848405,3.8e-4 -0.9052549,0.65874 -1.2931658,1.05853 -0.2333988,0.24055 -0.4681621,0.65263 -0.6131453,0.79693 -0.3955404,0.39367 -0.7224606,0.61364 -1.2228011,0.75051 -0.3671445,0.10043 -0.5809851,-0.32299 -0.6560615,-0.44206 z"
       style="fill:#1f2a37;stroke-width:0.03317964" />
    <path
       inkscape:connector-curvature="0"
       id="path1646"
       d="m 7.9867613,296.9884 c -1.1326996,-0.057 -2.3260793,-0.3792 -3.3700445,-0.90976 -1.2707725,-0.64583 -2.3450146,-1.59642 -3.1764521,-2.8108 l -0.2083696,-0.30434 0.2083696,-0.0388 c 0.4429145,-0.0825 0.9235836,-0.31792 1.3698066,-0.67084 0.3113364,-0.24624 0.4915817,-0.46017 0.870102,-1.03271 0.4145759,-0.62707 0.7136399,-0.93402 0.9876109,-1.01364 0.3302755,-0.096 0.7936566,-0.004 1.2087873,0.24089 0.2819548,0.1661 0.6770819,0.56167 0.8823851,0.88339 0.2191648,0.34345 0.3205466,0.46065 0.5534406,0.63981 0.5233169,0.40258 1.2876204,0.63166 2.3169677,0.69446 0.3598695,0.022 0.8683051,-0.0455 1.2999041,-0.1725 0.356065,-0.10476 0.757738,-0.3433 1.050104,-0.62364 0.501598,-0.48097 0.748157,-0.89129 1.029076,-1.71259 0.527963,-1.54356 1.158598,-2.29348 2.148857,-2.55529 0.287355,-0.076 1.209967,-0.12524 1.549963,-0.0828 l 0.181225,0.0226 0.0229,0.20233 c 0.0352,0.31104 0.02635,1.36565 -0.01441,1.71809 -0.330315,2.85566 -2.053168,5.33877 -4.596497,6.62484 -1.331857,0.67346 -2.7894957,0.97801 -4.3137187,0.90126 z"
       style="fill:#40abfd;stroke-width:0.03317964" />
  </g>
</svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 16.933333 16.933333") 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.
View All in Category
Action completed