Banknote icon
New Added in v0.6.0
A free pencil-style banknote icon, drawn by code from 1 rectangle, 1 circle and 2 dots. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use banknote
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 { Banknote } from '@matita/icons/react';
<Banknote size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="banknote" />JavaScript
import { Banknote, toSvg } from '@matita/icons';
toSvg(Banknote, { 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-banknote" data-sketch="" aria-hidden="true"><path d="M0.81 5.99Q11.68 5.76 22.54 5.99M21.69 5.23Q21.91 12.19 21.51 19.16M22.92 17.92Q12.3 17.6 1.68 17.97M2.5 18.7Q2.38 11.76 2.68 4.82" stroke-width="1.504"/><path d="M11.61 14.9C11.45 14.84 10.96 14.68 10.68 14.51C10.39 14.33 10.12 14.12 9.89 13.87C9.66 13.62 9.42 13.32 9.3 13C9.18 12.67 9.18 12.29 9.17 11.93C9.16 11.57 9.13 11.17 9.24 10.83C9.35 10.49 9.6 10.18 9.84 9.91C10.07 9.63 10.35 9.36 10.66 9.18C10.97 9 11.35 8.87 11.71 8.83C12.07 8.78 12.46 8.8 12.83 8.89C13.19 8.97 13.58 9.1 13.9 9.31C14.21 9.53 14.5 9.85 14.7 10.18C14.9 10.52 15.02 10.92 15.11 11.31C15.19 11.7 15.23 12.11 15.19 12.5C15.14 12.89 14.99 13.29 14.81 13.65C14.64 14.01 14.44 14.41 14.16 14.69C13.87 14.98 13.49 15.22 13.11 15.37C12.73 15.52 12.28 15.61 11.88 15.59C11.47 15.57 10.88 15.31 10.68 15.25" stroke-width="1.76"/><path d="M5.31 12l.01 0M18.68 12.15l.01 0" stroke-width="2.48"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Banknote } from '@matita/icons/react';
<Banknote size={32} pencil />The file is icons/banknote.svg in the package (pencil/banknote.svg for the pencil variant). Matita 0.6.0.
02How it's drawn
The recipe for banknote
Banknote is not stored as a drawing. It is a recipe of 1 rectangle, 1 circle 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.
R 2.5 6 19 12;
C 12 12 2.8;
O 5.5 12;
O 18.5 12banknote as a number: 1800563143
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 banknote. Seed 0 is the default.
banknote from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/banknote.svg.
True pixel sizes.