Orbit icon
New Added in v0.5.0
A free pencil-style orbit icon, drawn by code from 2 arcs and 3 circles. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use orbit
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 { Orbit } from '@matita/icons/react';
<Orbit size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="orbit" />JavaScript
import { Orbit, toSvg } from '@matita/icons';
toSvg(Orbit, { 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-orbit" data-sketch="" aria-hidden="true"><path d="M16.43 19.72C15.82 19.91 14.01 20.78 12.76 20.88C11.52 20.99 10.15 20.76 8.95 20.35C7.75 19.95 6.44 19.33 5.55 18.45C4.66 17.57 4.03 16.26 3.63 15.06C3.23 13.85 3.06 12.49 3.16 11.24C3.27 9.99 4.08 8.17 4.26 7.56" stroke-width="1.472"/><path d="M7.53 4.31C8.14 4.08 9.93 3.05 11.19 2.92C12.44 2.8 13.88 3.1 15.06 3.57C16.24 4.03 17.38 4.82 18.29 5.71C19.21 6.6 20.08 7.72 20.55 8.9C21.01 10.08 21.23 11.56 21.08 12.81C20.93 14.07 19.89 15.84 19.65 16.45" stroke-width="1.76"/><path d="M19.71 19.58C19.62 19.67 19.36 19.98 19.14 20.08C18.92 20.19 18.64 20.2 18.39 20.21C18.13 20.22 17.84 20.25 17.6 20.16C17.37 20.08 17.14 19.89 16.95 19.71C16.76 19.53 16.56 19.31 16.45 19.07C16.33 18.83 16.27 18.53 16.26 18.25C16.26 17.98 16.31 17.66 16.43 17.41C16.54 17.15 16.75 16.91 16.96 16.71C17.17 16.51 17.43 16.29 17.71 16.19C17.98 16.09 18.32 16.1 18.63 16.12C18.94 16.14 19.28 16.17 19.56 16.31C19.84 16.44 20.1 16.69 20.29 16.94C20.49 17.2 20.65 17.51 20.73 17.82C20.82 18.13 20.84 18.48 20.8 18.81C20.77 19.14 20.68 19.52 20.5 19.8C20.33 20.08 20.03 20.31 19.74 20.51C19.45 20.71 18.94 20.9 18.78 20.98" stroke-width="1.584"/><path d="M6.85 6.93C6.76 7 6.49 7.25 6.28 7.36C6.06 7.46 5.81 7.53 5.57 7.54C5.32 7.55 5.04 7.52 4.81 7.41C4.59 7.31 4.38 7.12 4.21 6.93C4.04 6.74 3.89 6.51 3.8 6.27C3.7 6.03 3.64 5.75 3.65 5.48C3.65 5.22 3.73 4.93 3.84 4.69C3.96 4.45 4.13 4.21 4.33 4.03C4.53 3.84 4.78 3.65 5.03 3.56C5.29 3.48 5.6 3.48 5.88 3.51C6.16 3.54 6.44 3.62 6.7 3.75C6.96 3.87 7.24 4.04 7.42 4.26C7.6 4.48 7.71 4.8 7.79 5.08C7.87 5.37 7.93 5.69 7.9 5.99C7.87 6.29 7.78 6.62 7.62 6.88C7.47 7.14 7.21 7.36 6.97 7.54C6.72 7.72 6.27 7.89 6.13 7.96" stroke-width="1.408"/><path d="M9.11 14.1C9.03 13.86 8.76 13.16 8.66 12.67C8.57 12.19 8.46 11.66 8.54 11.18C8.62 10.7 8.86 10.19 9.15 9.79C9.44 9.39 9.86 9.06 10.29 8.8C10.72 8.54 11.22 8.3 11.71 8.23C12.21 8.17 12.79 8.22 13.27 8.4C13.74 8.58 14.18 8.94 14.54 9.3C14.91 9.67 15.23 10.11 15.45 10.59C15.67 11.06 15.85 11.63 15.86 12.16C15.87 12.69 15.72 13.28 15.49 13.78C15.27 14.27 14.91 14.77 14.5 15.11C14.09 15.45 13.53 15.66 13.01 15.81C12.49 15.95 11.92 16.04 11.38 15.98C10.84 15.92 10.25 15.73 9.8 15.43C9.34 15.13 8.96 14.65 8.65 14.18C8.34 13.72 8.03 13.17 7.92 12.62C7.81 12.06 7.99 11.15 8 10.85" stroke-width="1.632"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Orbit } from '@matita/icons/react';
<Orbit size={32} pencil />The file is icons/orbit.svg in the package (pencil/orbit.svg for the pencil variant). Matita 0.5.1.
02How it's drawn
The recipe for orbit
Orbit is not stored as a drawing. It is a recipe of 2 arcs and 3 circles 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.
A 12 12 9 67 203;
A 12 12 9 247 383;
C 18.36 18.36 1.8;
C 5.64 5.64 1.8;
C 12 12 3.5orbit as a number: 3946618703
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 orbit. Seed 0 is the default.
orbit from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/orbit.svg.
True pixel sizes.