Mountain icon
New Added in v0.5.0
A free pencil-style mountain icon, drawn by code from 1 closed shape and 1 circle. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use mountain
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 { Mountain } from '@matita/icons/react';
<Mountain size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="mountain" />JavaScript
import { Mountain, toSvg } from '@matita/icons';
toSvg(Mountain, { 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-mountain" data-sketch="" aria-hidden="true"><path d="M2.34 20.04Q5.59 13.62 9.04 7.3Q10.62 10.57 12.59 13.63Q14.07 11.56 15.51 9.47Q18.21 14.95 21.63 20.01Q11.99 20.45 2.34 20.04Q2.81 19.31 3.15 18.51" stroke-width="1.392"/><path d="M18.52 3.1C18.63 3.11 18.98 3.1 19.19 3.18C19.41 3.25 19.65 3.38 19.81 3.55C19.98 3.72 20.1 3.97 20.18 4.21C20.26 4.44 20.31 4.72 20.3 4.97C20.28 5.22 20.2 5.48 20.09 5.72C19.98 5.95 19.85 6.2 19.67 6.39C19.48 6.57 19.23 6.73 18.98 6.8C18.73 6.88 18.44 6.86 18.18 6.82C17.92 6.77 17.64 6.69 17.41 6.54C17.19 6.4 16.96 6.19 16.81 5.96C16.65 5.73 16.54 5.44 16.47 5.16C16.41 4.88 16.36 4.54 16.41 4.26C16.47 3.97 16.64 3.68 16.81 3.44C16.98 3.2 17.19 2.96 17.44 2.79C17.69 2.62 18 2.49 18.3 2.44C18.59 2.4 18.94 2.42 19.23 2.51C19.53 2.6 19.93 2.91 20.07 2.99" stroke-width="1.376"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Mountain } from '@matita/icons/react';
<Mountain size={32} pencil />The file is icons/mountain.svg in the package (pencil/mountain.svg for the pencil variant). Matita 0.5.1.
02How it's drawn
The recipe for mountain
Mountain is not stored as a drawing. It is a recipe of 1 closed shape 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 2.5 20 9 7.5 12.5 13.5 15.5 9.5 21.5 20;
C 18.5 4.8 1.7mountain as a number: 1238098082
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 mountain. Seed 0 is the default.
mountain from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/mountain.svg.
True pixel sizes.