Bed icon
New Added in v0.5.0
A free pencil-style bed icon, drawn by code from 3 lines, 1 polyline and 1 circle. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use bed
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 { Bed } from '@matita/icons/react';
<Bed size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="bed" />JavaScript
import { Bed, toSvg } from '@matita/icons';
toSvg(Bed, { 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-bed" data-sketch="" aria-hidden="true"><path d="M3.2 5.01Q2.92 12.2 3.15 19.38" stroke-width="1.776"/><path d="M2.56 15.45Q11.96 14.97 21.35 15.65" stroke-width="1.6"/><path d="M20.89 15.23Q20.86 17.32 20.99 19.42" stroke-width="1.52"/><path d="M20.85 15.8Q21.15 13.31 21.07 10.81Q15.28 10.55 9.5 11.14Q9.36 13.51 9.44 15.89" stroke-width="1.744"/><path d="M6.43 13.77C6.31 13.77 5.95 13.8 5.72 13.76C5.5 13.71 5.27 13.61 5.07 13.49C4.87 13.36 4.66 13.21 4.53 13.02C4.39 12.83 4.33 12.59 4.26 12.36C4.2 12.13 4.12 11.87 4.15 11.63C4.18 11.4 4.33 11.17 4.46 10.95C4.58 10.74 4.72 10.49 4.92 10.33C5.12 10.18 5.4 10.11 5.65 10.03C5.91 9.96 6.18 9.88 6.45 9.89C6.72 9.9 7.02 9.96 7.27 10.07C7.52 10.18 7.78 10.36 7.96 10.56C8.14 10.76 8.24 11.04 8.34 11.3C8.45 11.55 8.59 11.83 8.59 12.11C8.59 12.38 8.48 12.68 8.36 12.94C8.25 13.2 8.09 13.46 7.89 13.68C7.69 13.89 7.44 14.09 7.16 14.22C6.89 14.34 6.41 14.38 6.25 14.42" stroke-width="1.632"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Bed } from '@matita/icons/react';
<Bed size={32} pencil />The file is icons/bed.svg in the package (pencil/bed.svg for the pencil variant). Matita 0.5.1.
02How it's drawn
The recipe for bed
Bed is not stored as a drawing. It is a recipe of 3 lines, 1 polyline and 1 circle 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.
L 3 5.5 3 19;
L 3 15.5 21 15.5;
L 21 15.5 21 19;
P 21 15.5 21 11 9.5 11 9.5 15.5;
C 6.2 12 1.8bed as a number: 1353598700
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 bed. Seed 0 is the default.
bed from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/bed.svg.
True pixel sizes.