Bacteria icon
New Added in v0.5.0
A free pencil-style bacteria icon, drawn by code from 2 arcs, 2 lines, 2 curves and 2 dots. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use bacteria
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 { Bacteria } from '@matita/icons/react';
<Bacteria size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="bacteria" />JavaScript
import { Bacteria, toSvg } from '@matita/icons';
toSvg(Bacteria, { 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-bacteria" data-sketch="" aria-hidden="true"><path d="M8.07 15.91C7.78 15.91 6.9 16.05 6.36 15.92C5.81 15.79 5.2 15.5 4.8 15.12C4.41 14.74 4.17 14.13 3.97 13.61C3.77 13.09 3.6 12.54 3.6 12C3.6 11.46 3.77 10.9 3.97 10.38C4.16 9.86 4.39 9.22 4.79 8.87C5.2 8.52 5.87 8.4 6.41 8.27C6.96 8.14 7.79 8.15 8.07 8.12" stroke-width="1.76"/><path d="M14.03 8.13C14.31 8.12 15.19 7.94 15.73 8.06C16.26 8.19 16.83 8.52 17.25 8.89C17.68 9.27 18.08 9.78 18.28 10.3C18.48 10.82 18.45 11.44 18.44 12C18.42 12.56 18.41 13.16 18.2 13.67C18 14.18 17.63 14.7 17.2 15.05C16.78 15.4 16.2 15.6 15.67 15.76C15.14 15.92 14.29 15.96 14.01 15.99" stroke-width="1.6"/><path d="M7.08 8.03Q11.14 8.19 15.2 8" stroke-width="1.696"/><path d="M7.22 15.86Q11.04 15.77 14.86 15.93" stroke-width="1.408"/><path d="M18.5 11.54Q19.85 8.59 22.39 9.21" stroke-width="1.696"/><path d="M18.43 12.56Q20.13 15.53 22.37 14.89" stroke-width="1.552"/><path d="M8.6 12.15l.01 0M11.99 10.93l.01 0" stroke-width="2.48"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Bacteria } from '@matita/icons/react';
<Bacteria size={32} pencil />The file is icons/bacteria.svg in the package (pencil/bacteria.svg for the pencil variant). Matita 0.5.1.
02How it's drawn
The recipe for bacteria
Bacteria is not stored as a drawing. It is a recipe of 2 arcs, 2 lines, 2 curves and 2 dots 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 7.5 12 4 90 270;
A 14.5 12 4 270 450;
L 7.5 8 14.5 8;
L 7.5 16 14.5 16;
Q 18.5 11 20 8.5 22 9;
Q 18.5 13 20 15.5 22 15;
O 8.5 12;
O 12 11bacteria as a number: 1537751350
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 bacteria. Seed 0 is the default.
bacteria from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/bacteria.svg.
True pixel sizes.