Rooftop Garden SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TaxKu3H0epg_/amnt.svg" alt="Rooftop Garden" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><g fill="#DCE5E4"><path d="M27 204V129H66V109H87V204Z"/><path d="M99 204V146H138V204Z"/><path d="M259 204V120H277V95H314V204Z"/><path d="M323 204V140H373V204Z"/></g><g fill="#BBCDCC"><path d="M39 141H48V153H39ZM58 141H67V153H58ZM39 165H48V177H39ZM58 165H67V177H58ZM111 158H122V172H111ZM288 110H299V123H288ZM288 136H299V149H288ZM336 152H346V165H336ZM355 152H365V165H355ZM336 178H346V191H336Z"/></g><ellipse cx="201" cy="265" rx="164" ry="14" fill="#DCE5E4"/><path d="M46 198H354L375 237H25Z" fill="#E7D9BE"/><path d="M25 237H375V252H25Z" fill="#BBCDCC"/><path d="M40 252H360V260H40Z" fill="#DCE5E4"/><path d="M89 193C88 178 83 163 76 150M108 193C107 173 113 157 122 145M129 194C133 180 142 171 151 166" stroke="#567B69" stroke-width="3" stroke-linecap="round"/><g fill="#88A887"><path d="M85 174C70 176 61 166 62 153C75 152 86 160 85 174Z"/><path d="M82 160C70 153 69 142 74 133C86 138 90 149 82 160Z"/><path d="M109 178C108 163 117 154 130 155C131 168 121 178 109 178Z"/><path d="M119 154C115 142 122 132 134 130C137 143 130 152 119 154Z"/><path d="M132 185C130 173 139 163 154 163C154 177 145 185 132 185Z"/></g><path d="M69 186H155L149 218H75Z" fill="#BC8D73"/><rect x="65" y="183" width="94" height="9" rx="3" fill="#D1AC8C"/><path d="M281 182C285 163 284 137 280 116H291C288 138 290 163 295 182Z" fill="#BC8D73"/><path d="M286 145L268 126M287 135L305 115" stroke="#BC8D73" stroke-width="3" stroke-linecap="round"/><path d="M259 129C241 126 234 109 243 96C233 81 243 64 260 61C263 42 285 35 299 47C317 40 332 54 331 69C350 77 349 99 335 109C336 127 314 137 302 128C290 139 272 137 259 129Z" fill="#88A887"/><path d="M243 96C252 106 266 109 278 102C287 116 310 119 321 106C326 110 331 111 335 109C336 127 314 137 302 128C290 139 272 137 259 129C242 126 235 110 243 96Z" fill="#567B69"/><path d="M259 177H313L307 216H265Z" fill="#D1AC8C"/><rect x="255" y="173" width="62" height="9" rx="3" fill="#BC8D73"/><path d="M179 195C171 188 175 177 184 176C180 164 191 156 199 163C205 148 223 153 223 166C236 160 245 172 240 181C250 186 245 196 237 198Z" fill="#567B69"/><path d="M193 183C189 174 198 168 205 172C207 162 221 164 223 175C233 174 240 182 235 189Z" fill="#88A887"/><path d="M176 193H246L240 219H182Z" fill="#BC8D73"/><rect x="172" y="189" width="78" height="8" rx="3" fill="#D1AC8C"/><g stroke="#536C70" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M32 181V239M368 181V239M74 190V238M116 190V238M158 190V238M200 190V238M242 190V238M284 190V238M326 190V238"/><path d="M32 190H368M32 232H368M32 182H368"/></g></svg>

.rooftop-garden {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TaxKu3H0epg_/amnt.svg");
  background-size: contain;
}

import RooftopGardenSvg from "./rooftop-garden.jsx"; // from the React tab above

<RooftopGardenSvg width={48} height={48} />