Building Bank Toolbox icon
Used for location scenarios. The Building Bank Toolbox 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 Toolbox 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 { BuildingBankToolbox24Regular, BuildingBankToolbox24Filled } from "@fluentui/react-icons";
export function Example() {
return <BuildingBankToolbox24Regular aria-label="Building Bank Toolbox" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_building_bank_toolbox_24_regular.svg" width="24" height="24" alt="Building Bank Toolbox"> 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.25928C13 6.8112 12.5523 7.25863 12 7.25863C11.4477 7.25863 11 6.8112 11 6.25928C11 5.70735 11.4477 5.25993 12 5.25993C12.5523 5.25993 13 5.70735 13 6.25928ZM13.0316 2.33615C12.417 1.88795 11.583 1.88795 10.9684 2.33615L3.54657 7.74857C2.56949 8.46111 3.07382 10.0068 4.2834 10.0068H4.5L4.5 15.8029C3.60958 16.2578 3 17.1835 3 18.2515V19.7505C3 20.1644 3.33579 20.5 3.75 20.5H11V19.001H4.5V18.2515C4.5 17.5616 5.05964 17.0023 5.75 17.0023H11V16.5C11 16.1457 11.0737 15.8086 11.2066 15.5033H9.5L9.5 10.0068H11.25V15.409C11.5482 14.7952 12.0901 14.3217 12.75 14.1145V10.0068H14.5V11.5499C14.875 11.3581 15.2999 11.25 15.75 11.25H16V10.0068H18V11.25H19.25C19.3343 11.25 19.4177 11.2538 19.5 11.2612V10.0068H19.7166C20.9262 10.0068 21.4305 8.46112 20.4534 7.74857L13.0316 2.33615ZM11.8526 3.54704C11.9404 3.48302 12.0596 3.48302 12.1474 3.54704L18.9499 8.50782H5.05011L11.8526 3.54704ZM6 15.5033L6 10.0068H8L8 15.5033H6ZM14 15H13.5C12.6716 15 12 15.6716 12 16.5V18H14.5V17.75C14.5 17.3358 14.8358 17 15.25 17C15.6642 17 16 17.3358 16 17.75V18H19V17.75C19 17.3358 19.3358 17 19.75 17C20.1642 17 20.5 17.3358 20.5 17.75V18H23V16.5C23 15.6716 22.3284 15 21.5 15H21V14C21 13.0335 20.2165 12.25 19.25 12.25H15.75C14.7835 12.25 14 13.0335 14 14V15ZM15.5 14C15.5 13.8619 15.6119 13.75 15.75 13.75H19.25C19.3881 13.75 19.5 13.8619 19.5 14V15H15.5V14ZM13.5 23C12.6716 23 12 22.3284 12 21.5V19.5H14.5V20.25C14.5 20.6642 14.8358 21 15.25 21C15.6642 21 16 20.6642 16 20.25V19.5H19V20.25C19 20.6642 19.3358 21 19.75 21C20.1642 21 20.5 20.6642 20.5 20.25V19.5H23V21.5C23 22.3284 22.3284 23 21.5 23H13.5Z" 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_toolbox_24_regular.svg";Details
| Name | Building Bank Toolbox |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_building_bank_toolbox_24_regular.svg |
| Filled file | ic_fluent_building_bank_toolbox_24_filled.svg |
| React components | BuildingBankToolbox24Regular, BuildingBankToolbox24Filled |
| License | MIT (© Microsoft Corporation) |