Home/Libraries/Noto Emoji (v1) (Iconify)/classical-building

Noto Emoji (v1) (Iconify)

ClassicalBuilding

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M14.38 54.6v41.75h98.9l-.27-41.75z"/><path fill="#818cf8" d="M13.47 37.41h100.54V47.6H13.47z"/><path fill="#818cf8" d="M11.24 34.49h104.68v2.92H11.24z"/><path fill="#818cf8" d="M11.88 47.59h103.63v7H11.88zm-.08 48.76h103.98c1.25 0 2.26 1.01 2.26 2.26v3.8H9.54v-3.8c0-1.24 1.01-2.26 2.26-2.26m96.71-38.73V54.6H96.95v3.02h2.07l-1.18 38.73h10.67l-1.63-38.73zm-53.77 0h1.86V54.6H45.03v3.02h1.85l-1.41 38.73h10.68zm-25.96 0h1.86V54.6H19.07v3.02h1.86l-1.41 38.73h10.67zm53.78-3.02H70.98v1.09h.01v1.93h1.85l-1.41 38.73h10.68L80.7 57.62h1.85v-1.93h.01zM8.06 32.93L62.72 6.91c.54-.26 1.18-.26 1.72 0l54.66 26.02v4.63H8.06z"/><path fill="#818cf8" d="M63.15 15.52L38.49 27.29c-.78.37-.51 1.54.35 1.54h49.08c.86 0 1.13-1.16.35-1.54L63.85 15.52c-.22-.1-.47-.1-.7 0M8.03 101.96h111.74c1.22 0 2.22.99 2.22 2.22v4.8H5.81v-4.8c0-1.22.99-2.22 2.22-2.22"/><path fill="#818cf8" d="M5.3 108.99h117.2c1.05 0 1.9.85 1.9 1.9v10.67H3.39v-10.67c0-1.05.86-1.9 1.91-1.9"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ClassicalBuildingIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.