City icon in outline, twotone, bold and bulk. Free in all four styles, for interiors, smart home, real estate, city. Copy the SVG, the React, Vue or Svelte 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>