pipette icon
pipette from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- pipette
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the pipette icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="m15.586 12.463l-5.68 5.68l-.09.09a4.06 4.06 0 0 1-1.968 1.052l-.125.026l-.207.041a3.57 3.57 0 0 0-1.826.978l-.25.25a1.435 1.435 0 0 1-2.028-2.03l.249-.25a3.57 3.57 0 0 0 .977-1.826l.042-.207l.025-.124a4.06 4.06 0 0 1 1.143-2.058l5.68-5.68"/><path stroke-linecap="round" d="m11.168 7.8l5.021 5.021a1.522 1.522 0 1 0 2.152-2.152L13.32 5.648A1.522 1.522 0 1 0 11.168 7.8Zm2.898-1.93l2.029-2.03a2.87 2.87 0 1 1 4.058 4.058l-2.03 2.03"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPipette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinejoin="round" d="m15.586 12.463l-5.68 5.68l-.09.09a4.06 4.06 0 0 1-1.968 1.052l-.125.026l-.207.041a3.57 3.57 0 0 0-1.826.978l-.25.25a1.435 1.435 0 0 1-2.028-2.03l.249-.25a3.57 3.57 0 0 0 .977-1.826l.042-.207l.025-.124a4.06 4.06 0 0 1 1.143-2.058l5.68-5.68"/><path strokeLinecap="round" d="m11.168 7.8l5.021 5.021a1.522 1.522 0 1 0 2.152-2.152L13.32 5.648A1.522 1.522 0 1 0 11.168 7.8Zm2.898-1.93l2.029-2.03a2.87 2.87 0 1 1 4.058 4.058l-2.03 2.03"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="m15.586 12.463l-5.68 5.68l-.09.09a4.06 4.06 0 0 1-1.968 1.052l-.125.026l-.207.041a3.57 3.57 0 0 0-1.826.978l-.25.25a1.435 1.435 0 0 1-2.028-2.03l.249-.25a3.57 3.57 0 0 0 .977-1.826l.042-.207l.025-.124a4.06 4.06 0 0 1 1.143-2.058l5.68-5.68"/><path stroke-linecap="round" d="m11.168 7.8l5.021 5.021a1.522 1.522 0 1 0 2.152-2.152L13.32 5.648A1.522 1.522 0 1 0 11.168 7.8Zm2.898-1.93l2.029-2.03a2.87 2.87 0 1 1 4.058 4.058l-2.03 2.03"/></g></svg> </template>
CSS
.icon-pipette {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m15.586%2012.463l-5.68%205.68l-.09.09a4.06%204.06%200%200%201-1.968%201.052l-.125.026l-.207.041a3.57%203.57%200%200%200-1.826.978l-.25.25a1.435%201.435%200%200%201-2.028-2.03l.249-.25a3.57%203.57%200%200%200%20.977-1.826l.042-.207l.025-.124a4.06%204.06%200%200%201%201.143-2.058l5.68-5.68%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m11.168%207.8l5.021%205.021a1.522%201.522%200%201%200%202.152-2.152L13.32%205.648A1.522%201.522%200%201%200%2011.168%207.8Zm2.898-1.93l2.029-2.03a2.87%202.87%200%201%201%204.058%204.058l-2.03%202.03%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m15.586%2012.463l-5.68%205.68l-.09.09a4.06%204.06%200%200%201-1.968%201.052l-.125.026l-.207.041a3.57%203.57%200%200%200-1.826.978l-.25.25a1.435%201.435%200%200%201-2.028-2.03l.249-.25a3.57%203.57%200%200%200%20.977-1.826l.042-.207l.025-.124a4.06%204.06%200%200%201%201.143-2.058l5.68-5.68%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m11.168%207.8l5.021%205.021a1.522%201.522%200%201%200%202.152-2.152L13.32%205.648A1.522%201.522%200%201%200%2011.168%207.8Zm2.898-1.93l2.029-2.03a2.87%202.87%200%201%201%204.058%204.058l-2.03%202.03%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/pipette.svg?color=%231a73e8&size=48
