Beta

City Street SVG illustration, flat

Free
City Street SVG illustration, flat

A crosswalk links a corner building, streetlight, and parked bicycle. Use it in pedestrian safety lessons or neighborhood walking maps.

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

citystreetcrosswalkbicyclescenesillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9Sz79sBB45wx/amnt.svg" alt="City Street" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="201" cy="257" rx="179" ry="24" fill="#E8E9DF"/><path d="M28 191H148L190 176H365V267H28Z" fill="#B1BEC0"/><path d="M28 184H147L176 206L139 224H28Z" fill="#D9D8C9"/><path d="M260 184H370V224H235Z" fill="#D9D8C9"/><path d="M28 218H139L176 201V208L139 226H28Z" fill="#899C9D"/><path d="M260 214H370V224H235Z" fill="#899C9D"/><path d="M139 227L153 221L173 255L159 261Z" fill="#F5F1E6"/><path d="M162 217L176 211L196 245L182 251Z" fill="#F5F1E6"/><path d="M185 207L199 201L219 235L205 241Z" fill="#F5F1E6"/><path d="M208 197L222 191L242 225L228 231Z" fill="#F5F1E6"/><path d="M231 187L245 181L265 215L251 221Z" fill="#F5F1E6"/><path d="M43 72L117 51L155 76V188L117 208L43 190Z" fill="#C69B83"/><path d="M117 51L155 76V188L117 208Z" fill="#AD8976"/><path d="M39 68L116 46L160 74L153 81L116 58L43 79Z" fill="#536E73"/><path d="M55 91L74 86V112L55 116ZM86 82L104 77V104L86 109ZM55 132L74 127V151L55 155ZM86 123L104 118V143L86 148Z" fill="#F5F1E6"/><path d="M128 87L145 98V122L128 112ZM128 129L145 139V161L128 151Z" fill="#D9D8C9"/><path d="M80 165L105 159V205L80 199Z" fill="#536E73"/><path d="M85 169L100 166V184L85 188Z" fill="#B1BEC0"/><path d="M101 191V195" stroke="#F5F1E6" stroke-width="2" stroke-linecap="round"/><path d="M73 164L106 155L112 162L76 172Z" fill="#536E73"/><path d="M78 201L106 207L116 211L86 216L72 210Z" fill="#E8E9DF"/><ellipse cx="276" cy="204" rx="13" ry="4" fill="#B1BEC0"/><path d="M272 94H277V202H272Z" fill="#536E73"/><path d="M275 97V78C275 68 283 62 293 62H305" stroke="#536E73" stroke-width="3" stroke-linecap="round"/><path d="M294 60H309L317 70H286Z" fill="#536E73"/><path d="M290 70H313L308 77H295Z" fill="#E2BD7C"/><rect x="269" y="199" width="12" height="5" rx="2" fill="#536E73"/><ellipse cx="322" cy="210" rx="45" ry="5" fill="#B1BEC0"/><circle cx="296" cy="194" r="17" fill="#D9D8C9" stroke="#536E73" stroke-width="3"/><circle cx="349" cy="194" r="17" fill="#D9D8C9" stroke="#536E73" stroke-width="3"/><path d="M296 194L310 171L322 194H296ZM310 171H339L322 194M349 194L338 165L343 159H351" stroke="#AD8976" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M310 171L307 163M300 162H313M343 159H353" stroke="#536E73" stroke-width="3" stroke-linecap="round"/><circle cx="322" cy="194" r="4" fill="#536E73"/><path d="M322 194L327 201H333" stroke="#536E73" stroke-width="2" stroke-linecap="round"/></svg>
CSS background-image
.city-street {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9Sz79sBB45wx/amnt.svg");
  background-size: contain;
}
React
import CityStreetSvg from "./city-street.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words City Street: Crosswalk runs between a corner building, streetlight, and parked bicycle. as part of the pack Everyday Scenes, Flat. Want one like it? Make your own in the SVG studio.

Rest of Everyday Scenes, Flat

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