Wheat icon
New Added in v0.6.0
A free pencil-style wheat icon, drawn by code from 1 line and 4 curves. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use wheat
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 { Wheat } from '@matita/icons/react';
<Wheat size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="wheat" />JavaScript
import { Wheat, toSvg } from '@matita/icons';
toSvg(Wheat, { 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-wheat" data-sketch="" aria-hidden="true"><path d="M11.84 23.56Q12.24 15.88 11.96 8.19" stroke-width="1.616"/><path d="M11.87 8.67Q15.06 5.37 11.93 2.14" stroke-width="1.6"/><path d="M12.25 8.64Q8.84 5.53 12.18 2.41" stroke-width="1.648"/><path d="M11.93 12.62Q11.08 7.7 6.09 7.29" stroke-width="1.808"/><path d="M12.16 12.53Q7.15 12.38 6.58 7.03" stroke-width="1.696"/><path d="M11.59 12.7C15.16 12.51 16.96 10.6 17.55 7.68C14.32 7.59 12.51 9.16 11.97 12.78" stroke-width="1.44"/><path d="M12.13 17.85C11.45 14.41 9.49 12.87 6.7 12.35C7.09 15.65 8.64 17.43 12.41 17.32" stroke-width="1.6"/><path d="M11.89 22.62C11.5 19.41 9.53 17.66 6.42 17.5C6.79 20.74 8.84 22.23 12.19 22.73" stroke-width="1.616"/><path d="M11.46 17.68C15.1 17.49 17.08 15.72 17.66 12.55C14.31 12.66 12.58 14.24 12.1 17.72" stroke-width="1.744"/><path d="M11.73 22.37C15.19 22.29 17.21 20.69 17.61 17.59C14.29 17.89 12.43 19.4 12.17 22.87" stroke-width="1.68"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Wheat } from '@matita/icons/react';
<Wheat size={32} pencil />The file is icons/wheat.svg in the package (pencil/wheat.svg for the pencil variant). Matita 0.6.0.
02How it's drawn
The recipe for wheat
Wheat is not stored as a drawing. It is a recipe of 1 line and 4 curves 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 12 23 12 8.5;
Q 12 8.5 15.2 5.5 12 2.5;
Q 12 8.5 8.8 5.5 12 2.5;
Q 12 12.5 11.27 7.78 6.5 7.5;
Q 12 12.5 7.23 12.22 6.5 7.5;
B 12 12.5 15.18 12.31 17.01 10.65 17.5 7.5 14.32 7.69 12.49 9.35 12 12.5;
B 12 17.5 11.51 14.35 9.68 12.69 6.5 12.5 6.99 15.65 8.82 17.31 12 17.5;
B 12 22.5 11.51 19.35 9.68 17.69 6.5 17.5 6.99 20.65 8.82 22.31 12 22.5;
B 12 17.5 15.18 17.31 17.01 15.65 17.5 12.5 14.32 12.69 12.49 14.35 12 17.5;
B 12 22.5 15.18 22.31 17.01 20.65 17.5 17.5 14.32 17.69 12.49 19.35 12 22.5wheat as a number: 71087248
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 wheat. Seed 0 is the default.
wheat from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/wheat.svg.
True pixel sizes.