Laugh icon
New Added in v0.5.0
A free pencil-style laugh icon, drawn by code from 1 circle, 1 curve, 1 line and 2 dots. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use laugh
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 { Laugh } from '@matita/icons/react';
<Laugh size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="laugh" />JavaScript
import { Laugh, toSvg } from '@matita/icons';
toSvg(Laugh, { 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-laugh" data-sketch="" aria-hidden="true"><path d="M3.89 9.46C4.12 9.04 4.65 7.64 5.22 6.89C5.78 6.14 6.52 5.47 7.28 4.94C8.05 4.42 8.93 4.01 9.82 3.77C10.7 3.52 11.65 3.46 12.57 3.5C13.49 3.53 14.46 3.67 15.33 4C16.21 4.33 17.15 4.81 17.81 5.46C18.48 6.12 18.88 7.09 19.32 7.95C19.77 8.81 20.34 9.69 20.49 10.63C20.64 11.56 20.4 12.59 20.22 13.55C20.05 14.51 19.9 15.53 19.45 16.37C19.01 17.21 18.27 17.94 17.55 18.56C16.83 19.18 16 19.7 15.14 20.09C14.28 20.48 13.3 20.86 12.38 20.88C11.46 20.9 10.49 20.53 9.6 20.21C8.72 19.89 7.85 19.51 7.08 18.97C6.31 18.44 5.54 17.78 4.99 17C4.44 16.23 4.07 15.27 3.79 14.34C3.51 13.4 3.39 11.89 3.31 11.4" stroke-width="1.472"/><path d="M7.37 12.8Q11.97 20.84 16.58 12.74" stroke-width="1.584"/><path d="M7.17 13.15Q12.08 13.28 16.98 12.87" stroke-width="1.408"/><path d="M8.92 9.55l.01 0M15.03 9.58l.01 0" stroke-width="2.48"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Laugh } from '@matita/icons/react';
<Laugh size={32} pencil />The file is icons/laugh.svg in the package (pencil/laugh.svg for the pencil variant). Matita 0.5.1.
02How it's drawn
The recipe for laugh
Laugh is not stored as a drawing. It is a recipe of 1 circle, 1 curve, 1 line 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.
C 12 12 8.5;
Q 7.5 13 12 21 16.5 13;
L 7.5 13 16.5 13;
O 9 9.5;
O 15 9.5laugh as a number: 3063270590
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 laugh. Seed 0 is the default.
laugh from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/laugh.svg.
True pixel sizes.