SVG Library›Free Icons and UI Symbols›City Symbol

What City Symbol is good for

City skyline-style vector for urban, municipal, or geography-themed layouts.

Use this asset in code, Figma, docs, decks, or product surfaces. The item page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Use it in your workflow

  • Copy the raw SVG when you want the original markup.
  • Copy JSX when the asset is going straight into a React or Next.js component.
  • Copy a React component when you want a reusable wrapper with props support.
  • Download PNG when the destination needs a raster graphic for slides, docs, or CMS fields.

Browse related collections and guides

Collections

Free Icons and UI Symbols

Guides

Use SVG in FigmaUse SVG in ReactDownload PNG from SVGCustomize SVG ColorsUse SVG for Docs and PresentationsPNG to SVG Alternatives

FAQ

What is City Symbol useful for?

City Symbol is useful for symbols layouts, product UI, editorial graphics, docs, and presentation work where you need a reusable vector asset.

Can I customize City Symbol before exporting it?

Yes. The asset page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Can I use City Symbol in code instead of downloading a file?

Yes. The item page can provide raw SVG, JSX, and a React component version for direct use in codebases.

Related assets

Bubble Symbol Alt

Alternate bubble glyph for dialogue, reviews, and annotations.

Chat Bubble Symbol

Public-domain speech bubble for messaging and comment themes.

Hospital Symbol

Hospital pictogram for health systems and medical wayfinding.

House Symbol

Simple house pictogram for real estate, home pages, and property graphics.

House Symbol Alt

Alternate house glyph for dashboards, listings, and home navigation.

Medical Records Symbol

Medical records folder symbol for clinical paperwork and admin flows.