Home/Libraries/Freehand free icons (Iconify)/office-building-outdoors

Freehand free icons (Iconify)

OfficeBuildingOutdoors

License: CC-BY-4.0

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M15.994 20.279a28 28 0 0 0-7.193 0q-.75.06-1.498.18a.3.3 0 0 0 0 .6h1.119c-.36 1.648.09 2.846.529 2.766c.59-.1.33-2.137.2-2.717c2.397.15.769.15 6.383 0c-.3 1.229.1 2.997.43 2.887s.57-1.089.62-1.998c0-.31-.07-.799 0-.889c.069-.09 0 0 1.997.07c.42 0 .35-.8 0-.79c-.929-.07-.59.07-2.587-.109M22.757 9.33c-1.1-1.998-3.247-3.106-5.195-1.928c-2.467 1.469-3.816 6.084-1.878 8.991a6.9 6.9 0 0 0 1.998 1.998c.286.148.592.252.909.31c.34.06.46-.38 0-.63a2.6 2.6 0 0 1-.58-.23a6.1 6.1 0 0 1-1.668-1.848c-1.398-2.357-.3-6.053 1.519-7.412c3.067-2.298 6.094 3.496 4.605 7.802c-.69 1.998-1.798 1.998-1.908 2.398a.34.34 0 0 0 .33.43a4 4 0 0 0 1.498-1.09c1.598-1.918 1.918-5.944.37-8.79"/><path d="M19.36 23.346a.344.344 0 0 0 .68.1c.28-1.532.344-3.096.19-4.646c-.09-.669-.22-1.328-.3-1.858c.49-.26.5-.589 1.408-3.286c.06-.32.42-1.319.19-1.619a.36.36 0 0 0-.62.15a13.6 13.6 0 0 1-1.278 3.057c0 .07-.05.28-.09.45c-.18-.43.09 0-1.219-1.998c-.34-.63-.53-1.159-.829-1.169a.34.34 0 0 0-.36.44c0 .1-.18-.38.45 1.049c.19.569 1.099 2.627 1.648 2.906c.12 2.328.22 4.935.13 6.424M10.14 6.803c.27.33.6 3.876.749 5.125a54 54 0 0 1 .46 5.944a.34.34 0 1 0 .679 0a55 55 0 0 0-.28-5.994c-.17-1.768-.3-4.995-.789-5.664a3.36 3.36 0 0 0-1.998-1a4 4 0 0 0 0-1.488a1.43 1.43 0 0 0-.81-1.089a6.3 6.3 0 0 0-1.997-.3a2.78 2.78 0 0 0 0-1.997a.34.34 0 0 0-.68 0a2.62 2.62 0 0 0 0 1.998q-.505.036-.998.15c-.82.21-1.569.24-1.689 1.088a8.6 8.6 0 0 0 .08 1.689C.78 5.764.64 6.323.49 7.502C.17 12.565.15 17.642.43 22.706a.3.3 0 1 0 .6 0c-.08-3.186.15-11.558.539-14.704c.14-1.15 0-1.14 1.119-1.449c2.317-.67 6.783-.55 7.452.25M3.627 3.726a15.1 15.1 0 0 1 4.245-.14c.28.06.46 1.18.44 1.499a18 18 0 0 0-4.865.1c.12-.41.46-1.24.18-1.459"/><path d="M5.874 7.892c-.27-.54-.57-.42-2.257-.24c-.81 0-1 .88-1.07 1.389a5.2 5.2 0 0 0 0 1.428c.13.45 1.21.49 1.729.5s1.408.03 1.728-.43a3.24 3.24 0 0 0 0-2.108a2.4 2.4 0 0 0-.13-.54M3.317 9.89a6.7 6.7 0 0 1 0-1.269c0-.07.06-.15 0-.17a.28.28 0 0 0 0-.22a.37.37 0 0 0 .25.1c1.398 0 1.098 0 1.358.08c.085.268.116.55.09.83v.529c-.28.06-1.508.12-1.698.12m5.973 5.304c.47-.16.6-.58.61-1.079a7 7 0 0 0-.29-1.868c-.27-.54-.559-.42-2.257-.24c-.81 0-1 .88-1.06 1.39a5 5 0 0 0-.06 1.428c.18.629 2.448.569 3.058.37m-2.237-.949a6.7 6.7 0 0 1-.05-1.248c0-.07.06-.15 0-.17a.28.28 0 0 0 0-.22c.13.14.15.1 1.409.13a1 1 0 0 1 .2 0c0 .08 0 .17.06.2s.05 1.108.05 1.158q-.83.116-1.669.15m-1.579 2.327c-.25-.53-.57-.43-2.258-.24c-.81 0-.999.87-1.059 1.389a5.3 5.3 0 0 0-.06 1.418c.14.45 1.219.49 1.728.5c.51.01 1.469 0 1.739-.42a3.24 3.24 0 0 0 .05-2.108a3 3 0 0 0-.14-.54M2.917 18.57a4.6 4.6 0 0 1 .09-1.668a.32.32 0 0 0 .24.11c1.359 0 1.379-.07 1.418.27c0 .119.06 1.128.06 1.158q-.9.111-1.808.12z"/></g></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. OfficeBuildingOutdoorsIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.