Pen nib icon
A free pencil-style pen nib icon, drawn by code from 1 closed shape, 1 polyline, 1 line and 1 circle. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use pen-nib
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 { PenNib } from '@matita/icons/react';
<PenNib size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="pen-nib" />JavaScript
import { PenNib, toSvg } from '@matita/icons';
toSvg(PenNib, { 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-pen-nib" data-sketch="" aria-hidden="true"><path d="M12.1 21.2Q9.06 16.66 5.46 12.56Q7.08 10.04 8.57 7.44Q11.95 7.48 15.34 7.4Q16.87 9.98 18.3 12.61Q14.99 16.76 12.1 21.2Q11.71 20.6 11.23 20.07" stroke-width="1.712"/><path d="M8.93 7.88Q9.19 5.69 9.12 3.48Q11.97 3.55 14.82 3.41Q14.9 5.65 15.22 7.86" stroke-width="1.488"/><path d="M12 20.24Q12.05 16.46 11.81 12.69" stroke-width="1.552"/><path d="M11.18 12.62C11.11 12.56 10.85 12.39 10.74 12.24C10.63 12.09 10.57 11.89 10.52 11.7C10.47 11.51 10.43 11.29 10.46 11.1C10.5 10.9 10.62 10.71 10.75 10.54C10.88 10.37 11.04 10.19 11.23 10.08C11.42 9.97 11.66 9.88 11.89 9.86C12.11 9.83 12.38 9.85 12.59 9.93C12.81 10 13.02 10.14 13.19 10.3C13.37 10.45 13.53 10.63 13.64 10.83C13.75 11.04 13.85 11.29 13.86 11.52C13.87 11.75 13.8 12.01 13.71 12.24C13.62 12.47 13.5 12.72 13.32 12.9C13.14 13.08 12.89 13.24 12.64 13.32C12.39 13.41 12.1 13.41 11.82 13.4C11.55 13.38 11.26 13.36 11.01 13.25C10.76 13.14 10.5 12.95 10.33 12.74C10.16 12.53 10.02 12.12 9.96 11.99" stroke-width="1.392"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { PenNib } from '@matita/icons/react';
<PenNib size={32} pencil />The file is icons/pen-nib.svg in the package (pencil/pen-nib.svg for the pencil variant). Matita 0.2.1.
02How it's drawn
The recipe for pen-nib
Pen nib is not stored as a drawing. It is a recipe of 1 closed shape, 1 polyline, 1 line 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.
Z 12 21 5.5 12.5 8.5 7.5 15.5 7.5 18.5 12.5;
P 9 7.5 9 3.5 15 3.5 15 7.5;
L 12 20 12 13;
C 12 11.5 1.4pen-nib as a number: 1726399564
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 pen-nib. Seed 0 is the default.
True pixel sizes.