Menu

Beta
Sign in
Beta
City Skyline SVG background, flat

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.

Free · from Flat Landscape Backgrounds

Similar SVGs

More from Flat Landscape Backgrounds

Whole pack

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} />

Tags

cityskylinebuildingsurbanflat gradientbackgroundflat

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.

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

Settings