Building 2 Crop Circle Fill icon
f7:building-2-crop-circle-fill
The Building 2 Crop Circle Fill icon (f7:building-2-crop-circle-fill) is a free SVG icon from the Framework7 Icons set by Vladimir Kharlampidi. It is drawn on a 56 × 56 grid. Framework7 Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Framework7 Icons
- Author
- Vladimir Kharlampidi
- License
- MIT
- Size
- 56 × 56
- Tags
- buildingcrop, cropcircle, circlefill, buildingcropcirclefill
SVG code
<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>How to use the Building 2 Crop Circle Fill icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/f7/building-2-crop-circle-fill.svg" alt="Building 2 Crop Circle Fill icon" width="24" height="24">Related icons in Framework7 Icons
Building 2 Crop Circle Fill icon FAQ
Is the Building 2 Crop Circle Fill icon free for commercial use?
Yes. Framework7 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Building 2 Crop Circle Fill icon in React?
Install @iconify/react and render <Icon icon="f7:building-2-crop-circle-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Building 2 Crop Circle Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/f7/building-2-crop-circle-fill.svg" alt="Building 2 Crop Circle Fill icon">, or paste the SVG code inline to style it with CSS.