send beaker icon

send-beaker-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name: send-beaker-20-regular
Set: Fluent UI System Icons
Style: 20 Regular
Viewbox: 20×20
License: MIT

11 other variants in Fluent UI System Icons

send-beaker-16-filled send-beaker-16-regular send-beaker-20-filled send-beaker-24-filled send-beaker-24-regular send-beaker-28-filled send-beaker-28-regular send-beaker-32-filled send-beaker-32-regular send-beaker-48-filled send-beaker-48-regular

Related icons in Fluent UI System Icons

send-clock-20-filled send-copy-20-filled send-logging-24-filled send-person-16-filled

Use the send beaker icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.184 1.612a.5.5 0 0 1 .54-.06L17.499 10h-.01a.5.5 0 0 1-.213-.053L3.27 2.944L4.884 9H11.5a.5.5 0 1 1 0 1H4.884L3.27 16.056l8.742-4.37c.043.35.206.662.447.894l-9.734 4.867a.5.5 0 0 1-.707-.576L3.983 9.5L2.017 2.129a.5.5 0 0 1 .167-.517m.54-.06L17.508 10a.5.5 0 0 0 .216-.947zm14.273 12.853a2 2 0 0 0 .224.92l.35.675H13.43l.347-.67a2 2 0 0 0 .224-.92V12h-.498a.5.5 0 1 1 0-1h4a.5.5 0 0 1 0 1h-.505zM12.911 17l-.798 1.54a1 1 0 0 0 .888 1.46H18a1 1 0 0 0 .888-1.46L18.089 17z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSendBeaker20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.184 1.612a.5.5 0 0 1 .54-.06L17.499 10h-.01a.5.5 0 0 1-.213-.053L3.27 2.944L4.884 9H11.5a.5.5 0 1 1 0 1H4.884L3.27 16.056l8.742-4.37c.043.35.206.662.447.894l-9.734 4.867a.5.5 0 0 1-.707-.576L3.983 9.5L2.017 2.129a.5.5 0 0 1 .167-.517m.54-.06L17.508 10a.5.5 0 0 0 .216-.947zm14.273 12.853a2 2 0 0 0 .224.92l.35.675H13.43l.347-.67a2 2 0 0 0 .224-.92V12h-.498a.5.5 0 1 1 0-1h4a.5.5 0 0 1 0 1h-.505zM12.911 17l-.798 1.54a1 1 0 0 0 .888 1.46H18a1 1 0 0 0 .888-1.46L18.089 17z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.184 1.612a.5.5 0 0 1 .54-.06L17.499 10h-.01a.5.5 0 0 1-.213-.053L3.27 2.944L4.884 9H11.5a.5.5 0 1 1 0 1H4.884L3.27 16.056l8.742-4.37c.043.35.206.662.447.894l-9.734 4.867a.5.5 0 0 1-.707-.576L3.983 9.5L2.017 2.129a.5.5 0 0 1 .167-.517m.54-.06L17.508 10a.5.5 0 0 0 .216-.947zm14.273 12.853a2 2 0 0 0 .224.92l.35.675H13.43l.347-.67a2 2 0 0 0 .224-.92V12h-.498a.5.5 0 1 1 0-1h4a.5.5 0 0 1 0 1h-.505zM12.911 17l-.798 1.54a1 1 0 0 0 .888 1.46H18a1 1 0 0 0 .888-1.46L18.089 17z"/></svg>
</template>

CSS

.icon-send-beaker-20-regular {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.184%201.612a.5.5%200%200%201%20.54-.06L17.499%2010h-.01a.5.5%200%200%201-.213-.053L3.27%202.944L4.884%209H11.5a.5.5%200%201%201%200%201H4.884L3.27%2016.056l8.742-4.37c.043.35.206.662.447.894l-9.734%204.867a.5.5%200%200%201-.707-.576L3.983%209.5L2.017%202.129a.5.5%200%200%201%20.167-.517m.54-.06L17.508%2010a.5.5%200%200%200%20.216-.947zm14.273%2012.853a2%202%200%200%200%20.224.92l.35.675H13.43l.347-.67a2%202%200%200%200%20.224-.92V12h-.498a.5.5%200%201%201%200-1h4a.5.5%200%200%201%200%201h-.505zM12.911%2017l-.798%201.54a1%201%200%200%200%20.888%201.46H18a1%201%200%200%200%20.888-1.46L18.089%2017z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.184%201.612a.5.5%200%200%201%20.54-.06L17.499%2010h-.01a.5.5%200%200%201-.213-.053L3.27%202.944L4.884%209H11.5a.5.5%200%201%201%200%201H4.884L3.27%2016.056l8.742-4.37c.043.35.206.662.447.894l-9.734%204.867a.5.5%200%200%201-.707-.576L3.983%209.5L2.017%202.129a.5.5%200%200%201%20.167-.517m.54-.06L17.508%2010a.5.5%200%200%200%20.216-.947zm14.273%2012.853a2%202%200%200%200%20.224.92l.35.675H13.43l.347-.67a2%202%200%200%200%20.224-.92V12h-.498a.5.5%200%201%201%200-1h4a.5.5%200%200%201%200%201h-.505zM12.911%2017l-.798%201.54a1%201%200%200%200%20.888%201.46H18a1%201%200%200%200%20.888-1.46L18.089%2017z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/send-beaker-20-regular.svg?color=%231a73e8&size=48