Icône Office Building Outdoors

streamline-freehand-color:office-building-outdoors

L'icône Office Building Outdoors (streamline-freehand-color:office-building-outdoors) est une icône SVG gratuite de la collection Freehand color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Freehand color icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Travail, bureau et entreprises
Mots-clés: officebuilding, buildingoutdoors, officebuildingoutdoors, outdoor

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M15.994 20.279a28 28 0 0 0-7.193 0q-.75.06-1.498.18a.3.3 0 1 0 0 .6H8.42c-.36 1.647.09 2.846.53 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.569-1.089.619-1.998c0-.31-.07-.799 0-.889s0 0 1.998.07c.42 0 .35-.8 0-.79c-.93-.07-.59.07-2.587-.11"/><path fill="#0c6fff" d="M22.756 9.33c-1.098-1.998-3.246-3.106-5.194-1.928c-2.468 1.469-3.816 6.084-1.878 8.991c.52.797 1.2 1.478 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.399-2.357-.3-6.053 1.518-7.412c3.067-2.298 6.094 3.496 4.606 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 fill="#020202" d="M19.36 23.346a.343.343 0 0 0 .68.1c.28-1.532.344-3.096.19-4.646c-.09-.669-.22-1.328-.3-1.858c.489-.26.499-.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-.79-5.664a3.36 3.36 0 0 0-1.997-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.149-11.558.539-14.704c.14-1.15 0-1.14 1.118-1.449c2.318-.67 6.783-.55 7.453.25M3.626 3.726a15.1 15.1 0 0 1 4.246-.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 fill="#0c6fff" d="M5.874 7.892c-.27-.54-.57-.42-2.258-.24c-.809 0-.999.88-1.068 1.389a5.2 5.2 0 0 0 0 1.428c.13.45 1.208.49 1.728.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-1 .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.738-.42c.252-.677.27-1.42.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.358 0 1.378-.07 1.418.27c0 .119.06 1.128.06 1.158q-.9.111-1.808.12z"/></g></svg>

Comment utiliser l'icône Office Building Outdoors

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand-color:office-building-outdoors" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand-color:office-building-outdoors" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand-color:office-building-outdoors" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--office-building-outdoors]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:office-building-outdoors"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand-color:office-building-outdoors"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/office-building-outdoors.svg" alt="Icône Office Building Outdoors" width="24" height="24">

Icônes similaires dans Freehand color icons

L'icône Office Building Outdoors dans d'autres collections

FAQ : Icône Office Building Outdoors

L'icône Office Building Outdoors est-elle gratuite pour un usage commercial ?

Oui. Les Freehand color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Office Building Outdoors dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand-color:office-building-outdoors" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Office Building Outdoors à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/office-building-outdoors.svg" alt="Icône Office Building Outdoors">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand color icons →