Ícone Building 2 Crop Circle Fill
f7:building-2-crop-circle-fill
O ícone Building 2 Crop Circle Fill (f7:building-2-crop-circle-fill) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Framework7 Icons
- Autor
- Vladimir Kharlampidi
- Licença
- MIT
- Tamanho
- 56 × 56
- Tags
- buildingcrop, cropcircle, circlefill, buildingcropcirclefill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M23.881 4q4.899 0 9.234 1.875a24.4 24.4 0 0 1 7.64 5.18a24.4 24.4 0 0 1 5.18 7.628q1.875 4.323 1.875 9.222t-1.875 9.222a24.4 24.4 0 0 1-5.18 7.629a24.4 24.4 0 0 1-7.628 5.179q-4.324 1.875-9.222 1.875q-4.899 0-9.222-1.875a24.4 24.4 0 0 1-7.629-5.18a24.4 24.4 0 0 1-5.18-7.628Q0 32.802 0 27.905q0-4.899 1.875-9.222a24.5 24.5 0 0 1 5.168-7.629a24.3 24.3 0 0 1 7.616-5.18Q18.983 4 23.881 4m3.422 13.241H11.577q-1.148 0-1.804.727q-.59.654-.65 1.687l-.006.235v21.374q2.719 3.023 6.538 4.792q3.82 1.77 8.25 1.77a20 20 0 0 0 5.302-.707l.557-.16v-27.07q0-1.195-.645-1.921q-.645-.727-1.816-.727m11.085 5.977h-6.796v23.084a19.77 19.77 0 0 0 8.942-7.424l.315-.497V25.866q0-1.219-.656-1.933q-.656-.715-1.805-.715m-21.21 16.03q.507 0 .558.456l.005.106v2.485q0 .506-.455.557l-.107.005h-2.555q-.485 0-.533-.455l-.006-.107V39.81q0-.506.437-.556l.102-.006zm7.032 0q.506 0 .556.456l.006.106v2.485q0 .506-.456.557l-.106.005h-2.555q-.485 0-.534-.455l-.005-.107V39.81q0-.506.437-.556l.102-.006zm13.1-1.43q.376 0 .417.37l.005.1v2.132q0 .375-.333.416l-.089.006h-2.203q-.416 0-.463-.334l-.005-.088v-2.133q0-.417.37-.463l.098-.006zm-20.13-4.523q.506 0 .557.456l.005.107v2.484q0 .506-.455.557l-.107.005h-2.555q-.485 0-.533-.455l-.006-.107v-2.484q0-.507.437-.557l.102-.006zm7.03 0q.507 0 .557.456l.006.107v2.484q0 .506-.456.557l-.106.005h-2.555a.5.5 0 0 1-.387-.164a.55.55 0 0 1-.146-.307l-.006-.091v-2.484q0-.507.437-.557l.102-.006zm13.101-.797q.376 0 .417.352l.005.094v2.086q0 .416-.333.462l-.089.006h-2.203q-.416 0-.463-.37l-.005-.098v-2.086q0-.395.37-.44l.098-.006zM17.18 27.342q.506 0 .557.475l.005.111v2.461q0 .506-.455.557l-.107.006h-2.555q-.485 0-.533-.456l-.006-.107v-2.46q0-.529.437-.58l.102-.007zm7.03 0q.507 0 .557.475l.006.111v2.461q0 .506-.456.557l-.106.006h-2.555q-.485 0-.534-.456l-.005-.107v-2.46q0-.259.152-.423a.5.5 0 0 1 .297-.157l.09-.007zm13.101-.21q.376 0 .417.351l.005.094v2.11q0 .415-.333.462l-.089.006h-2.203q-.416 0-.463-.37l-.005-.099v-2.11q0-.395.37-.439l.098-.005zM17.18 21.46q.506 0 .557.456l.005.106v2.485q0 .506-.455.557l-.107.005h-2.555q-.485 0-.533-.455l-.006-.107v-2.485q0-.506.437-.556l.102-.006zm7.03 0q.507 0 .557.456l.006.106v2.485q0 .506-.456.557l-.106.005h-2.555q-.485 0-.534-.455l-.005-.107v-2.485q0-.506.437-.556l.102-.006z"/></svg>Como usar o ícone Building 2 Crop Circle Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:building-2-crop-circle-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:building-2-crop-circle-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:building-2-crop-circle-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--building-2-crop-circle-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:building-2-crop-circle-fill"></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-crop-circle-fill"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/f7/building-2-crop-circle-fill.svg" alt="Ícone Building 2 Crop Circle Fill" width="24" height="24">Ícones relacionados em Framework7 Icons
Perguntas frequentes sobre Ícone Building 2 Crop Circle Fill
O ícone Building 2 Crop Circle Fill é grátis para uso comercial?
Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Building 2 Crop Circle Fill no React?
Instale @iconify/react e renderize <Icon icon="f7:building-2-crop-circle-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Building 2 Crop Circle Fill a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/building-2-crop-circle-fill.svg" alt="Ícone Building 2 Crop Circle Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.