Beta

City Skyline SVG background, flat

Free
City Skyline SVG background, flat

Varied rectangular buildings form a low skyline beneath a light sky, with no central tower. Add it to a community event page or an urban planning presentation.

Sign in to download. Free SVGs are free with any account.

cityskylinebuildingsurbanflat gradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TJ8nniJvOkU4/amnt.svg" alt="City Skyline" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Light sky above a low, varied city skyline"><rect width="1600" height="900" fill="#DCECF2"/><path d="M0 724h92v-78h108v45h76v-96h92v65h86v-39h104v77h91v-58h78v-43h102v90h89v-54h105v31h82v-85h96v72h94v-37h104v81h111v-49h90v178H0z" fill="#A9BEC7"/><path d="M0 779h132v-71h91v38h112v-55h116v80h100v-49h119v31h101v-67h101v72h120v-42h93v28h113v-62h105v77h99v-38h98v159H0z" fill="#7F9BA8"/><rect x="0" y="866" width="1600" height="34" fill="#6E8B99"/></svg>
CSS background-image
.city-skyline {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TJ8nniJvOkU4/amnt.svg");
  background-size: contain;
}
React
import CitySkylineSvg from "./city-skyline.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words City Skyline: Light sky above a low row of varied rectangular buildings, with no prominent central tower. as part of the pack Flat Landscape Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Landscape Backgrounds

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence