city icon
city-filled from Reicon by REICON · Filled · Building · MIT Free for personal and commercial use.
- Name
- city-filled
- Set
- Reicon
- Style
- Filled
- Category
- Building
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All city icons →More building icons from Reicon
Use the city icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.707 4.793C9.414 4.5 8.943 4.5 8 4.5h-.25V3a.75.75 0 0 0-1.5 0v1.5H6c-.943 0-1.414 0-1.707.293S4 5.557 4 6.5v.204q.305-.078.606-.117C5.25 6.5 6.045 6.5 6.91 6.5h.179c.865 0 1.659 0 2.304.087q.302.038.606.117V6.5c0-.943 0-1.414-.293-1.707"/><path fill-rule="evenodd" d="M2 21.25a.75.75 0 0 0 0 1.5h20a.75.75 0 0 0 0-1.5h-1V7.772c0-1.34 0-2.011-.356-2.525s-.984-.75-2.24-1.22c-2.455-.921-3.682-1.381-4.543-.785C13 3.84 13 5.15 13 7.772V10.5h.09c.865 0 1.659 0 2.304.087c.711.095 1.463.32 2.08.938c.619.618.844 1.37.94 2.08c.086.646.086 1.44.086 2.306v5.339H17V16c0-1.886 0-2.828-.586-3.414S14.886 12 13 12h-2c-1.886 0-2.828 0-3.414.586S7 14.114 7 16v5.25H5.5v-5.34c0-.865 0-1.659.087-2.304c.095-.711.32-1.463.938-2.08c.618-.619 1.37-.844 2.08-.94c.646-.086 1.44-.086 2.306-.086h.072c-.04-.936-.165-1.51-.569-1.914C9.828 8 8.886 8 7 8s-2.828 0-3.414.586S3 10.114 3 12v9.25zM9.25 15a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCityFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.707 4.793C9.414 4.5 8.943 4.5 8 4.5h-.25V3a.75.75 0 0 0-1.5 0v1.5H6c-.943 0-1.414 0-1.707.293S4 5.557 4 6.5v.204q.305-.078.606-.117C5.25 6.5 6.045 6.5 6.91 6.5h.179c.865 0 1.659 0 2.304.087q.302.038.606.117V6.5c0-.943 0-1.414-.293-1.707"/><path fillRule="evenodd" d="M2 21.25a.75.75 0 0 0 0 1.5h20a.75.75 0 0 0 0-1.5h-1V7.772c0-1.34 0-2.011-.356-2.525s-.984-.75-2.24-1.22c-2.455-.921-3.682-1.381-4.543-.785C13 3.84 13 5.15 13 7.772V10.5h.09c.865 0 1.659 0 2.304.087c.711.095 1.463.32 2.08.938c.619.618.844 1.37.94 2.08c.086.646.086 1.44.086 2.306v5.339H17V16c0-1.886 0-2.828-.586-3.414S14.886 12 13 12h-2c-1.886 0-2.828 0-3.414.586S7 14.114 7 16v5.25H5.5v-5.34c0-.865 0-1.659.087-2.304c.095-.711.32-1.463.938-2.08c.618-.619 1.37-.844 2.08-.94c.646-.086 1.44-.086 2.306-.086h.072c-.04-.936-.165-1.51-.569-1.914C9.828 8 8.886 8 7 8s-2.828 0-3.414.586S3 10.114 3 12v9.25zM9.25 15a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.707 4.793C9.414 4.5 8.943 4.5 8 4.5h-.25V3a.75.75 0 0 0-1.5 0v1.5H6c-.943 0-1.414 0-1.707.293S4 5.557 4 6.5v.204q.305-.078.606-.117C5.25 6.5 6.045 6.5 6.91 6.5h.179c.865 0 1.659 0 2.304.087q.302.038.606.117V6.5c0-.943 0-1.414-.293-1.707"/><path fill-rule="evenodd" d="M2 21.25a.75.75 0 0 0 0 1.5h20a.75.75 0 0 0 0-1.5h-1V7.772c0-1.34 0-2.011-.356-2.525s-.984-.75-2.24-1.22c-2.455-.921-3.682-1.381-4.543-.785C13 3.84 13 5.15 13 7.772V10.5h.09c.865 0 1.659 0 2.304.087c.711.095 1.463.32 2.08.938c.619.618.844 1.37.94 2.08c.086.646.086 1.44.086 2.306v5.339H17V16c0-1.886 0-2.828-.586-3.414S14.886 12 13 12h-2c-1.886 0-2.828 0-3.414.586S7 14.114 7 16v5.25H5.5v-5.34c0-.865 0-1.659.087-2.304c.095-.711.32-1.463.938-2.08c.618-.619 1.37-.844 2.08-.94c.646-.086 1.44-.086 2.306-.086h.072c-.04-.936-.165-1.51-.569-1.914C9.828 8 8.886 8 7 8s-2.828 0-3.414.586S3 10.114 3 12v9.25zM9.25 15a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-city-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.707%204.793C9.414%204.5%208.943%204.5%208%204.5h-.25V3a.75.75%200%200%200-1.5%200v1.5H6c-.943%200-1.414%200-1.707.293S4%205.557%204%206.5v.204q.305-.078.606-.117C5.25%206.5%206.045%206.5%206.91%206.5h.179c.865%200%201.659%200%202.304.087q.302.038.606.117V6.5c0-.943%200-1.414-.293-1.707%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2021.25a.75.75%200%200%200%200%201.5h20a.75.75%200%200%200%200-1.5h-1V7.772c0-1.34%200-2.011-.356-2.525s-.984-.75-2.24-1.22c-2.455-.921-3.682-1.381-4.543-.785C13%203.84%2013%205.15%2013%207.772V10.5h.09c.865%200%201.659%200%202.304.087c.711.095%201.463.32%202.08.938c.619.618.844%201.37.94%202.08c.086.646.086%201.44.086%202.306v5.339H17V16c0-1.886%200-2.828-.586-3.414S14.886%2012%2013%2012h-2c-1.886%200-2.828%200-3.414.586S7%2014.114%207%2016v5.25H5.5v-5.34c0-.865%200-1.659.087-2.304c.095-.711.32-1.463.938-2.08c.618-.619%201.37-.844%202.08-.94c.646-.086%201.44-.086%202.306-.086h.072c-.04-.936-.165-1.51-.569-1.914C9.828%208%208.886%208%207%208s-2.828%200-3.414.586S3%2010.114%203%2012v9.25zM9.25%2015a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75m0%203a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.707%204.793C9.414%204.5%208.943%204.5%208%204.5h-.25V3a.75.75%200%200%200-1.5%200v1.5H6c-.943%200-1.414%200-1.707.293S4%205.557%204%206.5v.204q.305-.078.606-.117C5.25%206.5%206.045%206.5%206.91%206.5h.179c.865%200%201.659%200%202.304.087q.302.038.606.117V6.5c0-.943%200-1.414-.293-1.707%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2021.25a.75.75%200%200%200%200%201.5h20a.75.75%200%200%200%200-1.5h-1V7.772c0-1.34%200-2.011-.356-2.525s-.984-.75-2.24-1.22c-2.455-.921-3.682-1.381-4.543-.785C13%203.84%2013%205.15%2013%207.772V10.5h.09c.865%200%201.659%200%202.304.087c.711.095%201.463.32%202.08.938c.619.618.844%201.37.94%202.08c.086.646.086%201.44.086%202.306v5.339H17V16c0-1.886%200-2.828-.586-3.414S14.886%2012%2013%2012h-2c-1.886%200-2.828%200-3.414.586S7%2014.114%207%2016v5.25H5.5v-5.34c0-.865%200-1.659.087-2.304c.095-.711.32-1.463.938-2.08c.618-.619%201.37-.844%202.08-.94c.646-.086%201.44-.086%202.306-.086h.072c-.04-.936-.165-1.51-.569-1.914C9.828%208%208.886%208%207%208s-2.828%200-3.414.586S3%2010.114%203%2012v9.25zM9.25%2015a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75m0%203a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/city-filled.svg?color=%231a73e8&size=48
