Appwrite
Dev & Tools
Dev & ToolsGarden
Garden.IO
Official Garden.IO vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.
Brand Color Palette
Click swatch to copy HEXDownload
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep ResearchCode 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices SupportedCode 6666888 · 5% OFF
- Vector Format
- SVG · 1:1
- Raster Export
- 1024 × 1024 px
- SVG viewBox
- 0 0 64 64.000001
- File Size / Nodes
- 8.9 KB · 24 paths
- Official Site
- https://garden.io/
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 setGarden.IO.zip
Brand Visual Specifications & SVG Parameters
Database-extracted geometry, color models & WCAG contrast metrics
- Brand Entity / Display Name
- Garden.IO
- Industry Category
- Dev & Tools
- Primary Color (HEX / RGB / HSL)
- #73C8F0rgb(115, 200, 240) · hsl(199, 81%, 70%)
- WCAG Surface Contrast
- Light 1.9:1 · Dark 10.6:1
Inline SVG Code Snippet
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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"
viewBox="0 0 64 64.000001"
version="1.1"
id="svg79"
sodipodi:docname="garden-icon.svg"
width="64"
height="64"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata83">
<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>garden</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1001"
id="namedview81"
showgrid="false"
inkscape:zoom="4.828921"
inkscape:cx="108.91787"
inkscape:cy="-6.4788313"
inkscape:window-x="-9"
inkscape:window-y="-9"
inkscape:window-maximized="1"
inkscape:current-layer="svg79" />
<defs
id="defs12">
<style
id="style2">.cls-1{fill:none;}.cls-2{isolation:isolate;}.cls-3{clip-path:url(#clip-path);}.cls-4{fill:#8bcfb6;}.cls-5{fill:#73c8f0;}.cls-6{fill:#8cd4e2;}.cls-7{fill:#36bdaf;}.cls-8{fill:#ee4197;opacity:0.54;}.cls-9{fill:#0267a2;}.cls-10{fill:#029e6e;}.cls-11{fill:#00b3ac;}.cls-12{fill:#0785c1;}.cls-13{fill:#00ac72;}.cls-14{fill:#60c4b4;}.cls-15{fill:#3dbca0;}.cls-16{opacity:0.74;mix-blend-mode:overlay;fill:url(#linear-gradient);}.cls-17{fill:#231f20;}</style>
<clipPath
id="clip-path">
<rect
class="cls-1"
x="22.34409"
y="23.079149"
width="465.25845"
height="465.25845"
id="rect4"
style="fill:none" />
</clipPath>
<linearGradient
id="linear-gradient"
x1="250.4518"
y1="-126.2264"
x2="259.31833"
y2="622.36224"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.04534274,0,0,0.04534274,8.9868604,16.449013)">
<stop
offset="0"
stop-color="#fdf057"
id="stop7" />
<stop
offset="1"
stop-color="#164991"
id="stop9" />
</linearGradient>
</defs>
<title
id="title14">garden</title>
<g
id="g1076"
transform="matrix(2.1332784,0,0,2.1332784,-11.834706,-31.998352)">
<g
transform="matrix(1.4221009,0,0,1.4221009,-8.6733519,-9.8807313)"
id="g983">
<g
style="isolation:isolate"
class="cls-3"
clip-path="url(#clip-path)"
id="g60"
transform="matrix(0.04534274,0,0,0.04534274,8.9868604,16.449013)">
<rect
class="cls-1"
x="-68.808594"
y="-9.2040901"
width="467.15747"
height="467.15747"
id="rect16"
style="fill:none" />
<rect
class="cls-4"
x="26.13954"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(90,461.67231,101.80108)"
id="rect18"
style="fill:#8bcfb6" />
<rect
class="cls-5"
x="-32.69154"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(90,402.84123,101.80108)"
id="rect20"
style="fill:#73c8f0" />
<rect
class="cls-6"
x="-150.35368"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(90,285.17909,101.80109)"
id="rect22"
style="fill:#8cd4e2" />
<rect
class="cls-7"
x="-29.01045"
y="-48.95768"
width="628.37909"
height="58.83107"
transform="rotate(90,285.17909,-19.542145)"
id="rect24"
style="fill:#36bdaf" />
<rect
class="cls-8"
x="256.28809"
y="294.12286"
width="57.781979"
height="58.83107"
transform="rotate(90,285.17909,323.53839)"
id="rect26"
style="opacity:0.54000005;fill:#ee4197" />
<rect
class="cls-9"
x="-18.310369"
y="322.091"
width="371.65463"
height="58.83107"
transform="rotate(90,167.51694,351.50654)"
id="rect28"
style="fill:#0267a2" />
<rect
class="cls-10"
x="-325.56796"
y="73.664482"
width="871.06555"
height="56.273201"
transform="rotate(90,109.96481,101.80108)"
id="rect30"
style="fill:#029e6e" />
<rect
class="cls-11"
x="-383.12009"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(90,52.412675,101.80109)"
id="rect32"
style="fill:#00b3ac" />
<rect
class="cls-12"
x="-111.22403"
y="-84.40625"
width="557.48193"
height="58.83107"
transform="rotate(90,167.51695,-54.990715)"
id="rect34"
style="fill:#0785c1" />
<rect
class="cls-8"
x="138.48143"
y="165.29921"
width="58.071041"
height="58.83107"
transform="rotate(90,167.51695,194.71475)"
id="rect36"
style="opacity:0.54000005;fill:#ee4197" />
<rect
class="cls-5"
x="82.412743"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(-90,517.94551,101.80108)"
id="rect38"
style="fill:#73c8f0" />
<rect
class="cls-7"
x="305.59579"
y="236.73753"
width="542.36157"
height="58.83107"
transform="rotate(-90,576.77658,266.15307)"
id="rect40"
style="fill:#36bdaf" />
<rect
class="cls-13"
x="307.9437"
y="-94.314331"
width="537.66577"
height="58.83107"
transform="rotate(-90,576.77658,-64.898795)"
id="rect42"
style="fill:#00ac72" />
<rect
class="cls-6"
x="200.07487"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(-90,635.60765,101.80108)"
id="rect44"
style="fill:#8cd4e2" />
<rect
class="cls-14"
x="261.46381"
y="69.827667"
width="871.06555"
height="63.946819"
transform="rotate(-90,696.99659,101.80108)"
id="rect46"
style="fill:#60c4b4" />
<rect
class="cls-9"
x="470.87454"
y="-80.751984"
width="577.57983"
height="71.62043"
transform="rotate(-90,759.66448,-44.941765)"
id="rect48"
style="fill:#0267a2" />
<rect
class="cls-10"
x="375.28915"
y="73.664482"
width="871.06555"
height="56.273201"
transform="rotate(-90,810.82193,101.80108)"
id="rect50"
style="fill:#029e6e" />
<rect
class="cls-15"
x="432.84128"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(-90,868.37406,101.80108)"
id="rect52"
style="fill:#3dbca0" />
<rect
class="cls-12"
x="464.47986"
y="219.12839"
width="577.57983"
height="58.83107"
transform="rotate(-90,753.26979,248.54393)"
id="rect54"
style="fill:#0785c1" />
<rect
class="cls-13"
x="70.98922"
y="234.89738"
width="546.04187"
height="58.83107"
transform="rotate(90,344.01016,264.31292)"
id="rect56"
style="fill:#00ac72" />
<rect
class="cls-14"
x="-209.18475"
y="72.385551"
width="871.06555"
height="58.83107"
transform="rotate(90,226.34801,101.80109)"
id="rect58"
style="fill:#60c4b4" />
</g>
<rect
class="cls-16"
x="10.000003"
y="17.495485"
width="21.096092"
height="21.078949"
id="rect62"
style="opacity:0.73999999;isolation:isolate;mix-blend-mode:overlay;fill:url(#linear-gradient);stroke-width:0.04534274" />
</g>
</g>
</svg>
Engineering & Layout Guidelines
- Maintain the native 1:1 aspect ratio (viewBox "0 0 64 64.000001") without non-uniform stretching.
- Preserve at least 20% clear space around the emblem bounding box.
- Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.
