Theta icon
New Added in v0.6.0
A free pencil-style theta icon, drawn by code from 1 ellipse and 1 line. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use theta
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 { Theta } from '@matita/icons/react';
<Theta size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="theta" />JavaScript
import { Theta, toSvg } from '@matita/icons';
toSvg(Theta, { 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-theta" data-sketch="" aria-hidden="true"><path d="M15.97 6.24C16.15 6.66 16.84 7.84 17.08 8.76C17.33 9.68 17.38 10.76 17.41 11.78C17.45 12.79 17.47 13.9 17.27 14.85C17.08 15.8 16.64 16.68 16.23 17.47C15.81 18.27 15.34 19.09 14.79 19.61C14.23 20.13 13.54 20.41 12.88 20.6C12.22 20.8 11.49 20.99 10.83 20.8C10.18 20.61 9.51 20.06 8.95 19.48C8.38 18.9 7.84 18.15 7.45 17.32C7.06 16.48 6.82 15.46 6.6 14.47C6.38 13.47 6.08 12.38 6.12 11.35C6.15 10.33 6.52 9.3 6.8 8.33C7.08 7.35 7.32 6.22 7.8 5.48C8.27 4.75 8.99 4.34 9.63 3.89C10.27 3.44 10.95 2.88 11.64 2.78C12.33 2.69 13.09 3 13.77 3.32C14.45 3.63 15.18 4.03 15.74 4.69C16.29 5.34 16.89 6.81 17.12 7.24" stroke-width="1.76"/><path d="M6.67 11.83Q12.01 11.94 17.35 12.02" stroke-width="1.696"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Theta } from '@matita/icons/react';
<Theta size={32} pencil />The file is icons/theta.svg in the package (pencil/theta.svg for the pencil variant). Matita 0.6.0.
02How it's drawn
The recipe for theta
Theta is not stored as a drawing. It is a recipe of 1 ellipse and 1 line 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.
E 12 12 5.5 8.5;
L 7 12 17 12theta as a number: 3504140443
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 theta. Seed 0 is the default.
theta from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/theta.svg.
True pixel sizes.