Globe icon
A free pencil-style globe icon, drawn by code from 1 circle, 1 line and 1 ellipse. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use globe
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 { Globe } from '@matita/icons/react';
<Globe size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="globe" />JavaScript
import { Globe, toSvg } from '@matita/icons';
toSvg(Globe, { 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-globe" data-sketch="" aria-hidden="true"><path d="M20.11 9.2C20.25 9.73 20.98 11.36 20.93 12.43C20.88 13.49 20.32 14.6 19.81 15.59C19.3 16.58 18.71 17.6 17.88 18.39C17.05 19.17 15.96 19.94 14.84 20.28C13.73 20.63 12.38 20.61 11.2 20.46C10.03 20.32 8.86 19.92 7.8 19.42C6.74 18.92 5.64 18.28 4.85 17.44C4.06 16.61 3.44 15.48 3.08 14.39C2.72 13.29 2.54 12.02 2.68 10.88C2.81 9.73 3.27 8.5 3.91 7.52C4.54 6.54 5.52 5.7 6.49 5C7.47 4.29 8.61 3.6 9.78 3.32C10.95 3.03 12.3 3.12 13.52 3.31C14.74 3.5 16.04 3.82 17.08 4.43C18.12 5.03 19.04 5.98 19.77 6.94C20.5 7.9 21.19 9.04 21.45 10.18C21.71 11.33 21.36 13.21 21.34 13.82" stroke-width="1.504"/><path d="M3.25 12.02Q12.06 12.19 20.87 12.12" stroke-width="1.696"/><path d="M13.42 19.61C13.17 19.77 12.43 20.56 11.93 20.56C11.43 20.55 10.9 20.05 10.41 19.61C9.92 19.17 9.37 18.72 9 17.94C8.63 17.16 8.39 16 8.2 14.94C8.01 13.88 7.85 12.7 7.85 11.59C7.86 10.47 8.01 9.27 8.23 8.24C8.45 7.2 8.78 6.18 9.18 5.4C9.58 4.63 10.11 3.92 10.63 3.59C11.15 3.25 11.76 3.29 12.33 3.38C12.89 3.47 13.48 3.66 14 4.13C14.52 4.61 15.05 5.35 15.43 6.22C15.82 7.1 16.13 8.26 16.3 9.38C16.48 10.5 16.52 11.79 16.46 12.96C16.4 14.12 16.23 15.35 15.95 16.37C15.67 17.38 15.24 18.28 14.79 19.05C14.33 19.81 13.79 20.64 13.22 20.96C12.66 21.28 11.68 20.97 11.37 20.97" stroke-width="1.504"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Globe } from '@matita/icons/react';
<Globe size={32} pencil />The file is icons/globe.svg in the package (pencil/globe.svg for the pencil variant). Matita 0.2.1.
02How it's drawn
The recipe for globe
Globe is not stored as a drawing. It is a recipe of 1 circle, 1 line and 1 ellipse 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.
C 12 12 8.5;
L 3.5 12 20.5 12;
E 12 12 3.8 8.5globe as a number: 53954946
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 globe. Seed 0 is the default.
True pixel sizes.