<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iM610ze)" d="M23.025 12.49H9.005v13.99h14.02z"/><path fill="#818cf8" d="M28.965 29.47H3.025V27.1c0-.35.28-.63.63-.63h24.69c.35 0 .63.28.63.63v2.37z"/><path fill="url(#iQfZjoN)" d="M28.965 29.47H3.025V27.1c0-.35.28-.63.63-.63h24.69c.35 0 .63.28.63.63v2.37z"/><path fill="url(#iV5iiLd)" d="M28.965 29.47H3.025V27.1c0-.35.28-.63.63-.63h24.69c.35 0 .63.28.63.63v2.37z"/><path fill="url(#i6XViAd)" d="M28.965 29.47H3.025V27.1c0-.35.28-.63.63-.63h24.69c.35 0 .63.28.63.63v2.37z"/><path fill="#818cf8" d="M4.045 10.49h23.95v1.37c0 .35-.28.63-.63.63h-22.7c-.35 0-.63-.28-.63-.63v-1.37z"/><path fill="url(#iUJkSpc)" d="M4.045 10.49h23.95v1.37c0 .35-.28.63-.63.63h-22.7c-.35 0-.63-.28-.63-.63v-1.37z"/><path fill="url(#iKT1yjd)" d="M4.045 10.49h23.95v1.37c0 .35-.28.63-.63.63h-22.7c-.35 0-.63-.28-.63-.63v-1.37z"/><path fill="url(#iVmweMA)" d="M4.045 10.49h23.95v1.37c0 .35-.28.63-.63.63h-22.7c-.35 0-.63-.28-.63-.63v-1.37z"/><path fill="url(#iHHCd2b)" d="M8.995 13.46h-2.99v12.1h2.99z"/><path fill="url(#i6ZpEHe)" d="M8.995 13.46h-2.99v12.1h2.99z"/><path fill="url(#iBBPnRb)" d="M14.655 13.46h-2.99v12.1h2.99z"/><path fill="url(#ihshoZT)" d="M14.655 13.46h-2.99v12.1h2.99z"/><path fill="url(#iGGg37d)" d="M20.315 13.46h-2.99v12.1h2.99z"/><path fill="url(#iYvPHqd)" d="M20.315 13.46h-2.99v12.1h2.99z"/><path fill="url(#itek4lc)" d="M25.975 13.46h-2.99v12.1h2.99z"/><path fill="url(#iOdcSme)" d="M25.975 13.46h-2.99v12.1h2.99z"/><path fill="url(#irlzQUb)" d="M15.326 3.01L3.366 9.75c-.36.2-.22.76.2.76h24.88c.42 0 .56-.55.2-.76l-11.96-6.74c-.42-.24-.94-.24-1.36 0"/><path fill="url(#iefUMJd)" d="M15.326 3.01L3.366 9.75c-.36.2-.22.76.2.76h24.88c.42 0 .56-.55.2-.76l-11.96-6.74c-.42-.24-.94-.24-1.36 0"/><path fill="url(#iH0w4kb)" d="M15.326 3.01L3.366 9.75c-.36.2-.22.76.2.76h24.88c.42 0 .56-.55.2-.76l-11.96-6.74c-.42-.24-.94-.24-1.36 0"/><path fill="url(#i6KUZ2v)" d="M15.326 3.01L3.366 9.75c-.36.2-.22.76.2.76h24.88c.42 0 .56-.55.2-.76l-11.96-6.74c-.42-.24-.94-.24-1.36 0"/><path fill="url(#iEejj5b)" d="M10.005 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#iai8mSb)" d="M10.005 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#iH5U9sb)" d="M10.005 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#iU8mzbE)" d="M15.655 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#inI0Kqe)" d="M15.655 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#itoZ2Sb)" d="M15.655 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#ipnjm6i)" d="M21.325 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#ifXlnWf)" d="M21.325 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#iCaoFBb)" d="M21.325 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#iGWi7Kc)" d="M26.985 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#idu8Btb)" d="M26.985 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#iDJDhQd)" d="M26.985 12.49h-4.99v.19c0 .45.36.81.81.81h3.37c.45 0 .81-.36.81-.81z"/><path fill="url(#iGDvNyd)" d="M21.985 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#iay1Cge)" d="M21.985 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#icheCAc)" d="M21.985 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#iRMB8Xd)" d="M16.335 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#iXgFBhr)" d="M16.335 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#iuXcrKd)" d="M16.335 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#iJjGqRc)" d="M10.665 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#iVDMrXg)" d="M10.665 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#inAJ2Oe)" d="M10.665 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#i6fn5jc)" d="M5.005 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#iD9Pgrb)" d="M5.005 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><path fill="url(#ibfJWkB)" d="M5.005 26.48h4.99v-.19c0-.45-.36-.81-.81-.81h-3.37c-.45 0-.81.36-.81.81z"/><g filter="url(#i3goPje)"><path fill="url(#iFYBbuc)" d="m28.775 9.67l-12.52-7.11a.54.54 0 0 0-.5 0L3.235 9.67c-.22.13-.3.4-.17.62c.09.14.24.22.4.22q.12 0 .24-.06l12.07-6.85a.47.47 0 0 1 .46 0l12.07 6.85c.07.04.16.06.24.06c.16 0 .32-.08.4-.22c.13-.22.06-.5-.17-.62"/></g><g filter="url(#ioQXbsd)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M16.103 2.83L28.73 9.984"/></g><g filter="url(#iHwbjgc)"><path stroke="url(#iI9XXRb)" stroke-linecap="round" stroke-width="1.5" d="m3.682 10l11.875-6.75"/></g><defs><linearGradient id="iM610ze" x1="16.503" x2="16.503" y1="11.686" y2="26.48" gradientUnits="userSpaceOnUse"><stop stop-color="#35303B"/><stop offset="1" stop-color="#65527A"/></linearGradient><linearGradient id="iQfZjoN" x1="29.297" x2="28.197" y1="28.404" y2="28.404" gradientUnits="userSpaceOnUse"><stop stop-color="#FCF2FF"/><stop offset="1" stop-color="#FCF2FF" stop-opacity="0"/></linearGradient><linearGradient id="iV5iiLd" x1="16" x2="16" y1="26.47" y2="27.241" gradientUnits="userSpaceOnUse"><stop stop-color="#CCC4D0"/><stop offset="1" stop-color="#CCC4D0" stop-opacity="0"/></linearGradient><linearGradient id="i6XViAd" x1="2.93" x2="3.856" y1="29.47" y2="29.47" gradientUnits="userSpaceOnUse"><stop stop-color="#7A7680"/><stop offset="1" stop-color="#7A7680" stop-opacity="0"/></linearGradient><linearGradient id="iUJkSpc" x1="27.995" x2="27.358" y1="12.49" y2="12.49" gradientUnits="userSpaceOnUse"><stop stop-color="#E8DFEF"/><stop offset="1" stop-color="#E8DFEF" stop-opacity="0"/></linearGradient><linearGradient id="iKT1yjd" x1="16.015" x2="16.015" y1="12.733" y2="11.898" gradientUnits="userSpaceOnUse"><stop stop-color="#726483"/><stop offset="1" stop-color="#726483" stop-opacity="0"/></linearGradient><linearGradient id="iVmweMA" x1="3.886" x2="4.761" y1="12.49" y2="12.49" gradientUnits="userSpaceOnUse"><stop stop-color="#706D76"/><stop offset="1" stop-color="#706D76" stop-opacity="0"/></linearGradient><linearGradient id="iHHCd2b" x1="6.006" x2="9.432" y1="19.511" y2="19.511" gradientUnits="userSpaceOnUse"><stop stop-color="#817C86"/><stop offset=".573" stop-color="#CFC7D7"/><stop offset=".672" stop-color="#CFC7D7"/><stop offset="1" stop-color="#9A94A1"/></linearGradient><linearGradient id="i6ZpEHe" x1="7.5" x2="7.5" y1="13.219" y2="13.891" gradientUnits="userSpaceOnUse"><stop stop-color="#71677D"/><stop offset="1" stop-color="#71677D" stop-opacity="0"/></linearGradient><linearGradient id="iBBPnRb" x1="11.666" x2="15.092" y1="19.511" y2="19.511" gradientUnits="userSpaceOnUse"><stop stop-color="#7B7681"/><stop offset=".573" stop-color="#BFB9C8"/><stop offset=".672" stop-color="#BFB9C8"/><stop offset="1" stop-color="#B2ABB8"/></linearGradient><linearGradient id="ihshoZT" x1="13.16" x2="13.16" y1="13.219" y2="13.891" gradientUnits="userSpaceOnUse"><stop stop-color="#71677D"/><stop offset="1" stop-color="#71677D" stop-opacity="0"/></linearGradient><linearGradient id="iGGg37d" x1="17.326" x2="20.752" y1="19.511" y2="19.511" gradientUnits="userSpaceOnUse"><stop stop-color="#6E6A73"/><stop offset=".573" stop-color="#CBC3D3"/><stop offset=".672" stop-color="#CBC3D3"/><stop offset="1" stop-color="#BFB9C5"/></linearGradient><linearGradient id="iYvPHqd" x1="18.82" x2="18.82" y1="13.219" y2="13.891" gradientUnits="userSpaceOnUse"><stop stop-color="#71677D"/><stop offset="1" stop-color="#71677D" stop-opacity="0"/></linearGradient><linearGradient id="itek4lc" x1="22.986" x2="26.412" y1="19.511" y2="19.511" gradientUnits="userSpaceOnUse"><stop stop-color="#615E6A"/><stop offset=".573" stop-color="#DAD2E2"/><stop offset=".672" stop-color="#DCD4E4"/><stop offset="1" stop-color="#D5CDDC"/></linearGradient><linearGradient id="iOdcSme" x1="24.48" x2="24.48" y1="13.219" y2="13.891" gradientUnits="userSpaceOnUse"><stop stop-color="#71677D"/><stop offset="1" stop-color="#71677D" stop-opacity="0"/></linearGradient><linearGradient id="irlzQUb" x1="19.871" x2="16.006" y1="4.385" y2="11.072" gradientUnits="userSpaceOnUse"><stop stop-color="#B3ACBB"/><stop offset="1" stop-color="#ACA5B2"/></linearGradient><linearGradient id="iefUMJd" x1="20.449" x2="20.09" y1="5.854" y2="6.479" gradientUnits="userSpaceOnUse"><stop stop-color="#645A6F"/><stop offset="1" stop-color="#645A6F" stop-opacity="0"/></linearGradient><linearGradient id="iH0w4kb" x1="16.006" x2="16.006" y1="11.063" y2="10.362" gradientUnits="userSpaceOnUse"><stop stop-color="#878190"/><stop offset="1" stop-color="#878190" stop-opacity="0"/></linearGradient><linearGradient id="i6KUZ2v" x1="11.87" x2="12.073" y1="5.531" y2="5.891" gradientUnits="userSpaceOnUse"><stop offset=".345" stop-color="#857F8E"/><stop offset="1" stop-color="#857F8E" stop-opacity="0"/></linearGradient><linearGradient id="iai8mSb" x1="7.51" x2="7.51" y1="12.18" y2="12.761" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="iH5U9sb" x1="7.51" x2="7.51" y1="13.771" y2="13.298" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="inI0Kqe" x1="13.16" x2="13.16" y1="12.18" y2="12.761" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="itoZ2Sb" x1="13.16" x2="13.16" y1="13.771" y2="13.298" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="ifXlnWf" x1="18.83" x2="18.83" y1="12.18" y2="12.761" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="iCaoFBb" x1="18.83" x2="18.83" y1="13.771" y2="13.298" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="idu8Btb" x1="24.49" x2="24.49" y1="12.18" y2="12.761" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="iDJDhQd" x1="24.49" x2="24.49" y1="13.771" y2="13.298" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="iay1Cge" x1="22.96" x2="23.819" y1="27.351" y2="25.778" gradientUnits="userSpaceOnUse"><stop stop-color="#656067"/><stop offset="1" stop-color="#656067" stop-opacity="0"/></linearGradient><linearGradient id="icheCAc" x1="27.631" x2="26.319" y1="26.156" y2="26.48" gradientUnits="userSpaceOnUse"><stop stop-color="#807C87"/><stop offset="1" stop-color="#807C87" stop-opacity="0"/></linearGradient><linearGradient id="iXgFBhr" x1="17.311" x2="18.169" y1="27.351" y2="25.778" gradientUnits="userSpaceOnUse"><stop stop-color="#656067"/><stop offset="1" stop-color="#656067" stop-opacity="0"/></linearGradient><linearGradient id="iuXcrKd" x1="21.981" x2="20.669" y1="26.156" y2="26.48" gradientUnits="userSpaceOnUse"><stop stop-color="#807C87"/><stop offset="1" stop-color="#807C87" stop-opacity="0"/></linearGradient><linearGradient id="iVDMrXg" x1="11.641" x2="12.499" y1="27.351" y2="25.778" gradientUnits="userSpaceOnUse"><stop stop-color="#656067"/><stop offset="1" stop-color="#656067" stop-opacity="0"/></linearGradient><linearGradient id="inAJ2Oe" x1="16.311" x2="14.999" y1="26.156" y2="26.48" gradientUnits="userSpaceOnUse"><stop stop-color="#807C87"/><stop offset="1" stop-color="#807C87" stop-opacity="0"/></linearGradient><linearGradient id="iD9Pgrb" x1="5.981" x2="6.839" y1="27.351" y2="25.778" gradientUnits="userSpaceOnUse"><stop stop-color="#656067"/><stop offset="1" stop-color="#656067" stop-opacity="0"/></linearGradient><linearGradient id="ibfJWkB" x1="10.651" x2="9.339" y1="26.156" y2="26.48" gradientUnits="userSpaceOnUse"><stop stop-color="#807C87"/><stop offset="1" stop-color="#807C87" stop-opacity="0"/></linearGradient><linearGradient id="iFYBbuc" x1="26.381" x2="4.551" y1="8.533" y2="8.533" gradientUnits="userSpaceOnUse"><stop stop-color="#ADA7B8"/><stop offset="1" stop-color="#9F99A4"/></linearGradient><linearGradient id="iI9XXRb" x1="5.339" x2="19.182" y1="9.156" y2=".844" gradientUnits="userSpaceOnUse"><stop stop-color="#B3ADBA"/><stop offset="1" stop-color="#B3ADBA" stop-opacity="0"/></linearGradient><radialGradient id="iEejj5b" cx="0" cy="0" r="1" gradientTransform="matrix(-3.24521 0 0 -.937 8.797 12.993)" gradientUnits="userSpaceOnUse"><stop stop-color="#91899D"/><stop offset="1" stop-color="#6D6976"/></radialGradient><radialGradient id="iU8mzbE" cx="0" cy="0" r="1" gradientTransform="matrix(-3.2452 0 0 -.937 14.447 12.993)" gradientUnits="userSpaceOnUse"><stop stop-color="#91899D"/><stop offset="1" stop-color="#6D6976"/></radialGradient><radialGradient id="ipnjm6i" cx="0" cy="0" r="1" gradientTransform="matrix(-3.2452 0 0 -.937 20.117 12.993)" gradientUnits="userSpaceOnUse"><stop stop-color="#91899D"/><stop offset="1" stop-color="#6D6976"/></radialGradient><radialGradient id="iGWi7Kc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.2452 0 0 -.937 25.777 12.993)" gradientUnits="userSpaceOnUse"><stop stop-color="#91899D"/><stop offset="1" stop-color="#6D6976"/></radialGradient><radialGradient id="iGDvNyd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.58035 0 0 -.66846 25.561 25.976)" gradientUnits="userSpaceOnUse"><stop stop-color="#F7EDFD"/><stop offset="1" stop-color="#A29CA7"/></radialGradient><radialGradient id="iRMB8Xd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.58035 0 0 -.66846 19.911 25.976)" gradientUnits="userSpaceOnUse"><stop stop-color="#E4DAEA"/><stop offset="1" stop-color="#9A949E"/></radialGradient><radialGradient id="iJjGqRc" cx="0" cy="0" r="1" gradientTransform="matrix(-2.58035 0 0 -.66846 14.241 25.976)" gradientUnits="userSpaceOnUse"><stop stop-color="#E4DAEA"/><stop offset="1" stop-color="#9A949E"/></radialGradient><radialGradient id="i6fn5jc" cx="0" cy="0" r="1" gradientTransform="matrix(-2.58035 0 0 -.66846 8.581 25.976)" gradientUnits="userSpaceOnUse"><stop stop-color="#E4DAEA"/><stop offset="1" stop-color="#9A949E"/></radialGradient><filter id="i3goPje" width="26.207" height="8.11" x="3.002" y="2.4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.498039 0 0 0 0 0.462745 0 0 0 0 0.54902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_5526"/></filter><filter id="ioQXbsd" width="13.526" height="8.055" x="15.653" y="2.38" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_5526" stdDeviation=".15"/></filter><filter id="iHwbjgc" width="12.775" height="7.65" x="3.232" y="2.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_5526" stdDeviation=".15"/></filter></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
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 **MIT** 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.