Beaker icon
Used to represent testing scenarios. The Beaker icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 4 sizes from 16 to 32 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_beaker_24_regular.svg
Beaker icon in React
npm install @fluentui/react-icons
import { Beaker24Regular } from "@fluentui/react-icons";
export function Example() {
return <Beaker24Regular aria-label="Beaker" />;
}Use the Beaker 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 { Beaker24Regular, Beaker24Filled } from "@fluentui/react-icons";
export function Example() {
return <Beaker24Regular aria-label="Beaker" />;
}Coding agents can look up this component through the Fluent Icons MCP server.
Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_beaker_24_regular.svg" width="24" height="24" alt="Beaker"> 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="M8 4.5H8.99998V10.7382C8.99998 11.1132 8.90628 11.4822 8.72739 11.8117L5.14269 18.415C4.50968 19.5811 5.35388 20.9999 6.68068 20.9999H17.3193C18.6461 20.9999 19.4903 19.5811 18.8573 18.415L15.2726 11.8117C15.0937 11.4822 15 11.1132 15 10.7382V4.5H16C16.4142 4.5 16.75 4.16421 16.75 3.75C16.75 3.33579 16.4142 3 16 3H8C7.58579 3 7.25 3.33579 7.25 3.75C7.25 4.16421 7.58579 4.5 8 4.5ZM10.5 10.7382V4.5H13.5V10.7382C13.5 11.3631 13.6561 11.9781 13.9543 12.5273L14.7537 14H9.24621L10.0457 12.5273C10.3438 11.9781 10.5 11.3631 10.5 10.7382ZM8.43192 15.5H15.568L17.539 19.1307C17.6294 19.2973 17.5088 19.4999 17.3193 19.4999H6.68068C6.49114 19.4999 6.37054 19.2973 6.46097 19.1307L8.43192 15.5Z" fill="currentColor"/></svg>Details
| Name | Beaker |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px, 32 px |
| Regular (outlined) file | ic_fluent_beaker_24_regular.svg |
| Filled file | ic_fluent_beaker_24_filled.svg |
| React (Regular) | Beaker16Regular, Beaker20Regular, Beaker24Regular, Beaker32Regular |
| React (Filled) | Beaker16Filled, Beaker20Filled, Beaker24Filled, Beaker32Filled |
| License | MIT (© Microsoft Corporation) |