ICONYZ
Français
Icône Building 2 de Framework7 Icons

Icône Building 2

f7:building-2

L'icône Building 2 (f7:building-2) est une icône SVG gratuite de la collection Framework7 Icons par Vladimir Kharlampidi. Elle est dessinée sur une grille de 56 × 56. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Framework7 Icons
Auteur
Vladimir Kharlampidi
Licence
MIT
Taille
56 × 56
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M6.529 50.323q-1.636 0-2.583-1.052q-.873-.972-.94-2.55L3 46.454V8.87q0-1.786.946-2.827q.873-.962 2.335-1.036L6.53 5h26.807q1.615 0 2.562 1.042q.873.96.94 2.557l.005.27v6.59h12.65q1.49 0 2.411.897l.15.156q.874.97.94 2.549l.006.267v27.126q0 1.764-.946 2.817q-.873.97-2.317 1.046l-.245.006zm30.314-3.869q0 .23-.016.447h11.538q.617 0 .915-.298q.255-.256.291-.76l.007-.175V20.115q0-.638-.298-.936q-.255-.255-.745-.291l-.17-.006l-11.522-.001zM32.21 8.423H7.656q-.638 0-.936.297q-.255.256-.291.76l-.006.176v36.012q0 .637.297.935q.256.255.76.291l.176.007l4.867-.001v-6.27q0-1.257.52-1.907l.108-.124q.57-.59 1.694-.643l.23-.005h9.694q1.317 0 1.934.648q.561.59.612 1.785l.005.245l-.001 6.271h4.89q.617 0 .914-.297q.255-.256.292-.76l.006-.175V9.656q0-.638-.298-.936q-.297-.297-.914-.297m-8.354 32.313h-7.866q-.618 0-.675.562l-.005.118l-.001 5.484h9.226v-5.484q0-.618-.561-.675zm21.067-2.105q.662 0 .717.607l.005.116v3.316q0 .663-.607.718l-.115.005h-3.423q-.642 0-.697-.607l-.004-.116v-3.316q0-.663.59-.718l.111-.005zm0-8.12q.662 0 .717.607l.005.115v3.316q0 .663-.607.718l-.115.005h-3.423q-.642 0-.697-.607l-.004-.116v-3.316q0-.663.59-.718l.111-.005zm-27.913-1.723q.806 0 .867.743l.005.129v4.018q0 .804-.743.866l-.129.005h-4.145q-.765 0-.824-.742l-.005-.13V29.66q0-.804.706-.867l.123-.005zm9.95 0q.804 0 .866.743l.005.129v4.018q0 .804-.743.866l-.129.005h-4.124q-.785 0-.845-.742l-.005-.13V29.66q0-.804.724-.867l.126-.005zm17.963-6.399q.662 0 .717.608l.005.115v3.317q0 .662-.607.717l-.115.005h-3.423q-.642 0-.697-.607l-.004-.115v-3.317q0-.661.59-.718l.111-.005zm-27.913-2.02q.806 0 .867.744l.005.128v4.018q0 .806-.743.867l-.129.005h-4.145q-.765 0-.824-.743l-.005-.129v-4.018q0-.804.706-.866l.123-.005zm9.95 0q.804 0 .866.744l.005.128v4.018q0 .806-.743.867l-.129.005h-4.124q-.785 0-.845-.743l-.005-.129v-4.018q0-.804.724-.866l.126-.005zm-9.95-8.417q.806 0 .867.742l.005.13v4.017q0 .804-.743.866l-.129.006h-4.145q-.765 0-.824-.743l-.005-.129v-4.018q0-.804.706-.866l.123-.005zm9.95 0q.804 0 .866.742l.005.13v4.017q0 .804-.743.866l-.129.006h-4.124q-.785 0-.845-.743l-.005-.129v-4.018q0-.804.724-.866l.126-.005z"/></svg>

Comment utiliser l'icône Building 2

React

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

<Icon icon="f7:building-2" width="24" />

Vue

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

<template>
  <Icon icon="f7:building-2" width="24" />
</template>

Svelte

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

<Icon icon="f7:building-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--building-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:building-2"></div>

Web component

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

<iconify-icon icon="f7:building-2"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/f7/building-2.svg" alt="Icône Building 2" width="24" height="24">

Icônes similaires dans Framework7 Icons

L'icône Building 2 dans d'autres collections

FAQ : Icône Building 2

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

Oui. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Building 2 dans React ?

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

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

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

Voir toutes les Framework7 Icons →