Pipette icon
New Added in v0.4.0
A free pencil-style pipette icon, drawn by code from 1 arc, 3 polylines, 1 rectangle and 2 lines. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use pipette
One package, four ways in. The icon inherits currentColor and is decorative unless you give it a title. Install it with npm i @matita/icons.
React
import { Pipette } from '@matita/icons/react';
<Pipette size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="pipette" />JavaScript
import { Pipette, toSvg } from '@matita/icons';
toSvg(Pipette, { size: 24 }); // SVG stringSVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" overflow="visible" class="sketch-icon sketch-icon-pipette" data-sketch="" aria-hidden="true"><path d="M9.64 5.32C9.63 5.15 9.48 4.6 9.54 4.27C9.61 3.93 9.8 3.54 10.04 3.29C10.28 3.04 10.65 2.89 10.98 2.75C11.3 2.61 11.66 2.44 12 2.45C12.34 2.45 12.69 2.63 13.01 2.78C13.33 2.93 13.67 3.09 13.9 3.34C14.14 3.59 14.34 3.95 14.42 4.28C14.49 4.61 14.36 5.15 14.35 5.32" stroke-width="1.808"/><path d="M9.62 4.71Q9.5 6.08 9.45 7.46" stroke-width="1.616"/><path d="M14.31 4.78Q14.32 6.09 14.47 7.38" stroke-width="1.584"/><path d="M5.83 6.88Q11.81 7.31 17.79 6.84M16.9 6.07Q16.85 8.03 16.82 9.99M18.02 9.67Q12.23 9.21 6.43 9.42M6.86 10.41Q6.89 8.15 6.85 5.89" stroke-width="1.552"/><path d="M9.47 9.32Q9.06 13.17 9.34 17.04Q10.61 18.97 11.99 20.83Q13.11 18.96 14.34 17.16Q14.52 13.12 14.56 9.09" stroke-width="1.504"/><path d="M9.2 12.02Q10.55 11.99 11.9 11.96" stroke-width="1.616"/><path d="M8.89 14.32Q10.44 14.31 12 14.33" stroke-width="1.552"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Pipette } from '@matita/icons/react';
<Pipette size={32} pencil />The file is icons/pipette.svg in the package (pencil/pipette.svg for the pencil variant). Matita 0.4.0.
02How it's drawn
The recipe for pipette
Pipette is not stored as a drawing. It is a recipe of 1 arc, 3 polylines, 1 rectangle and 2 lines on a 24 by 24 grid, and a small program draws it like a pencil would. The wobble comes from the name, so it always comes out the same.
A 12 5 2.5 180 360;
P 9.5 5 9.5 7;
P 14.5 5 14.5 7;
R 7 7 10 2.5;
P 9.5 9.5 9.5 17 12 21 14.5 17 14.5 9.5;
L 9.5 12 11.5 12;
L 9.5 14.5 11.5 14.5pipette as a number: 234017492
Shapes: L line, P polyline, Z closed shape, R rectangle, C circle, E ellipse, A arc, Q curve, O dot. Separate shapes with ;. Edits stay on this page.
03Takes, sizes, pencil
Same icon, every way
Pass a seed for another take of the same recipe. The wobble is capped, so it still reads at 16 px.
Five seeds of pipette. Seed 0 is the default.
pipette from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/pipette.svg.
True pixel sizes.