City icon

Use the City icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { City24Regular, City24Filled } from "@fluentui/react-icons";

export function Example() {
  return <City24Regular aria-label="City" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_city_24_regular.svg" width="24" height="24" alt="City">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.99609C12.4142 1.99609 12.75 2.33188 12.75 2.74609V3.99939H14.75C15.7165 3.99939 16.5 4.78289 16.5 5.74939V10.9994H18.75C19.7165 10.9994 20.5 11.7829 20.5 12.7494V20.2494C20.5 21.2159 19.7165 21.9994 18.75 21.9994H9.75452L9.75 21.9994H5.25C4.2835 21.9994 3.5 21.2159 3.5 20.2494V11.82C3.5 11.2011 3.82689 10.6283 4.35972 10.3134L7.5 8.45776V5.74939C7.5 4.78289 8.2835 3.99939 9.25 3.99939H11.25V2.74609C11.25 2.33188 11.5858 1.99609 12 1.99609ZM9 8.01784C9.8097 8.13784 10.5 8.82442 10.5 9.75181V20.4994H13.5V12.7494C13.5 11.8678 14.1519 11.1384 15 11.0171V5.74939C15 5.61132 14.8881 5.49939 14.75 5.49939H12.0094L12 5.49945L11.9906 5.49939H9.25C9.11193 5.49939 9 5.61132 9 5.74939V8.01784ZM15.25 12.4994C15.1119 12.4994 15 12.6113 15 12.7494V20.4994H18.75C18.8881 20.4994 19 20.3875 19 20.2494V12.7494C19 12.6113 18.8881 12.4994 18.75 12.4994H15.25ZM8.62282 9.53658L5.12282 11.6048C5.0467 11.6498 5 11.7316 5 11.82V20.2494C5 20.3875 5.11193 20.4994 5.25 20.4994H9V9.75181C9 9.55824 8.78947 9.4381 8.62282 9.53658Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/city_24_regular.svg";

Details

Keywords

structureconstructionarchitecture