Send Beaker icon
Used to represent test message & sending scenarios. The Send Beaker 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 Send 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 { SendBeaker24Regular, SendBeaker24Filled } from "@fluentui/react-icons";
export function Example() {
return <SendBeaker24Regular aria-label="Send Beaker" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_send_beaker_24_regular.svg" width="24" height="24" alt="Send 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="M18 11.0885V11.0919L4.4021 4.29298L7.01109 11.002L13.6387 11.0026C14.0184 11.0026 14.3322 11.2847 14.3818 11.6508L14.3887 11.7526C14.3887 12.1323 14.1065 12.4461 13.7404 12.4957L13.6387 12.5026L7.01109 12.502L4.4021 19.2122L14.1084 14.359C14.3044 14.887 14.748 15.2948 15.2981 15.4412L3.33375 21.4234C2.75077 21.7149 2.11746 21.1789 2.2688 20.5763L2.29933 20.4807L5.69362 11.7526L2.29933 3.02441C2.1939 2.75329 2.25351 2.48745 2.40394 2.29455C2.50368 2.1637 2.64161 2.07249 2.7936 2.02894C2.84963 2.01265 2.90801 2.00289 2.96778 2.00054C3.091 1.99513 3.21727 2.02009 3.33541 2.07916L21.3354 11.0792C21.6957 11.2593 21.8476 11.6903 21.6853 12.0547C21.546 12.019 21.4 12 21.2495 12H19.8229L18 11.0885ZM15.75 14.5H16.5V17.195C16.5 17.5427 16.4094 17.8844 16.237 18.1863L15.7727 19H21.2261L20.763 18.1886C20.5906 17.8866 20.5 17.5449 20.5 17.1972V14.5H21.25C21.6642 14.5 22 14.1642 22 13.75C22 13.3358 21.6642 13 21.25 13H15.75C15.3358 13 15 13.3358 15 13.75C15 14.1642 15.3358 14.5 15.75 14.5ZM15.2019 20L14.1994 21.7566C13.6287 22.7565 14.3508 24.0001 15.5022 24.0001H21.4965C22.6479 24.0001 23.37 22.7565 22.7993 21.7566L21.7968 20H15.2019Z" 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/send_beaker_24_regular.svg";Details
| Name | Send Beaker |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_send_beaker_24_regular.svg |
| Filled file | ic_fluent_send_beaker_24_filled.svg |
| React components | SendBeaker24Regular, SendBeaker24Filled |
| License | MIT (© Microsoft Corporation) |