Building Bank Link icon
Used for location scenarios. The Building Bank Link icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Building Bank Link icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { BuildingBankLink24Regular, BuildingBankLink24Filled } from "@fluentui/react-icons";
export function Example() {
return <BuildingBankLink24Regular aria-label="Building Bank Link" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_building_bank_link_24_regular.svg" width="24" height="24" alt="Building Bank Link"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 6.25034C13 6.80262 12.5523 7.25034 12 7.25034C11.4477 7.25034 11 6.80262 11 6.25034C11 5.69805 11.4477 5.25034 12 5.25034C12.5523 5.25034 13 5.69805 13 6.25034ZM13.0316 2.32465C12.417 1.87616 11.583 1.87616 10.9684 2.32465L3.54657 7.7406C2.56949 8.4536 3.07382 10.0003 4.28341 10.0003H4.5L4.5 15.8002C3.60958 16.2554 3 17.1817 3 18.2503V19.7503C3 20.1645 3.33579 20.5003 3.75 20.5003H11.1662C11.0578 20.102 11 19.6829 11 19.2503C11 19.1665 11.0022 19.0831 11.0065 19.0003H4.5V18.2503C4.5 17.56 5.05965 17.0003 5.75 17.0003H11.5657C11.8805 16.4161 12.3141 15.9053 12.8342 15.5003H12.75V10.0003H14.5V14.6665C14.8983 14.5582 15.3174 14.5003 15.75 14.5003H16V10.0003H18V14.5003H19.25C19.3339 14.5003 19.4172 14.5025 19.5 14.5068V10.0003H19.7166C20.9262 10.0003 21.4306 8.45361 20.4535 7.7406L13.0316 2.32465ZM11.8526 3.53633C11.9404 3.47226 12.0596 3.47226 12.1474 3.53633L18.9499 8.50034H5.05011L11.8526 3.53633ZM11.25 10.0003V15.5003H9.50001L9.50001 10.0003H11.25ZM6 15.5003L6.00001 10.0003H8.00001L8.00001 15.5003H6ZM23 19.2503C23 17.1793 21.3211 15.5003 19.25 15.5003L19.1483 15.5072C18.7822 15.5568 18.5 15.8706 18.5 16.2503C18.5 16.6645 18.8358 17.0003 19.25 17.0003L19.4041 17.0055C20.5749 17.0847 21.5 18.0595 21.5 19.2503C21.5 20.493 20.4927 21.5003 19.25 21.5003L19.2466 21.5049L19.1448 21.5122C18.779 21.5636 18.4983 21.8787 18.5 22.2584C18.5019 22.6726 18.8393 23.0068 19.2535 23.005V23.0003L19.4523 22.9951C21.4277 22.8916 23 21.2546 23 19.2503ZM16.5 16.2503C16.5 15.8361 16.1642 15.5003 15.75 15.5003L15.5509 15.5055C13.5724 15.6091 12 17.2461 12 19.2503C12 21.3214 13.679 23.0003 15.75 23.0003L15.8518 22.9935C16.2179 22.9438 16.5 22.63 16.5 22.2503C16.5 21.8361 16.1642 21.5003 15.75 21.5003L15.596 21.4951C14.4252 21.416 13.5 20.4412 13.5 19.2503C13.5 18.0077 14.5074 17.0003 15.75 17.0003L15.8518 16.9935C16.2179 16.9438 16.5 16.63 16.5 16.2503ZM20 19.2503C20 18.8361 19.6642 18.5003 19.25 18.5003H15.75L15.6482 18.5072C15.2822 18.5568 15 18.8706 15 19.2503C15 19.6645 15.3358 20.0003 15.75 20.0003H19.25L19.3518 19.9935C19.7179 19.9438 20 19.63 20 19.2503Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/building_bank_link_24_regular.svg";Details
| Name | Building Bank Link |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_building_bank_link_24_regular.svg |
| Filled file | ic_fluent_building_bank_link_24_filled.svg |
| React components | BuildingBankLink24Regular, BuildingBankLink24Filled |
| License | MIT (© Microsoft Corporation) |