Free City SVG icon in outline, twotone, bold and bulk. Available in all four styles, for interiors, smart home, real estate, city. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconCity } from "@devigner-ui/icons";
<IconCity className="size-6" />
<script setup>
import { IconCity } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCity class="size-6" />
</template>
<script>
import { IconCity } from "@devigner-ui/icons-svelte";
</script>
<IconCity class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 22v-6c0-1.89 0-2.83-.59-3.41C15.83 12 14.9 12 13 12h-2c-1.89 0-2.83 0-3.41.59C7 13.17 7 14.1 7 16v6" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M21 22V7.77c0-1.34 0-2-.36-2.52-.35-.52-.98-.75-2.24-1.22-2.45-.92-3.68-1.38-4.54-.79-.86.6-.86 1.91-.86 4.53V12" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M3.25 8a.75.75 0 0 0 1.5 0zm6 0a.75.75 0 0 0 1.5 0zm.46-3.2-.53.52zM6.25 4a.75.75 0 0 0 1.5 0zm1.5-2a.75.75 0 0 0-1.5 0zm-4 20V12h-1.5v10zM7 8.75c.96 0 1.61 0 2.1.07.46.06.65.17.78.3l1.06-1.06a2.7 2.7 0 0 0-1.65-.73c-.6-.08-1.37-.08-2.29-.08zM11.75 12q.02-1.38-.08-2.3a2.7 2.7 0 0 0-.73-1.64L9.88 9.12c.13.13.24.32.3.79.07.48.07 1.13.07 2.09zM7 7.25c-.92 0-1.69 0-2.3.08-.62.08-1.19.27-1.64.73l1.06 1.06c.13-.13.32-.24.79-.3.48-.07 1.13-.07 2.09-.07zM3.75 12c0-.96 0-1.61.07-2.1.06-.46.17-.65.3-.78L3.06 8.06a2.7 2.7 0 0 0-.73 1.65c-.08.6-.08 1.37-.08 2.29zm1-4V6.5h-1.5V8zM6 5.25h2v-1.5H6zM9.25 6.5V8h1.5V6.5zM8 5.25a9 9 0 0 1 1.17.07l1.07-1.06c-.31-.3-.69-.42-1.04-.47q-.52-.05-1.2-.04zm2.75 1.25q.01-.68-.04-1.2a1.7 1.7 0 0 0-.47-1.04L9.18 5.32v.02q.02.03.04.16c.03.21.03.5.03 1zm-6 0a9 9 0 0 1 .07-1.17L3.76 4.25c-.3.31-.42.69-.47 1.04q-.05.52-.04 1.2zM6 3.75q-.68-.01-1.2.04c-.35.05-.73.16-1.04.47l1.06 1.06h.02L5 5.28c.21-.03.5-.03 1-.03zM7.75 4V2h-1.5v2z" fill="currentColor"></path><path d="M22 22H2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M10 15h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M10 18h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>