Volume 2 icon
A free pencil-style volume 2 icon, drawn by code from 1 closed shape and 2 arcs. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use volume-2
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 { Volume2 } from '@matita/icons/react';
<Volume2 size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="volume-2" />JavaScript
import { Volume2, toSvg } from '@matita/icons';
toSvg(Volume2, { 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-volume-2" data-sketch="" aria-hidden="true"><path d="M3.56 9.07Q5.48 9.06 7.39 9.1Q10.11 6.92 12.66 4.55Q12.75 12.01 12.37 19.46Q9.9 17.24 7.59 14.86Q5.45 14.82 3.31 14.81Q3.43 11.94 3.56 9.07Q4.38 9.06 5.2 9.08" stroke-width="1.696"/><path d="M14.8 9.1C15 9.24 15.7 9.57 15.96 9.94C16.22 10.3 16.3 10.85 16.37 11.31C16.44 11.77 16.46 12.25 16.38 12.69C16.29 13.14 16.1 13.61 15.84 13.98C15.57 14.34 14.97 14.74 14.79 14.89" stroke-width="1.568"/><path d="M16.82 5.99C17.14 6.33 18.24 7.28 18.75 8.05C19.25 8.82 19.67 9.71 19.87 10.6C20.07 11.5 20.13 12.52 19.94 13.41C19.75 14.3 19.25 15.18 18.72 15.93C18.19 16.68 17.09 17.59 16.77 17.92" stroke-width="1.456"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Volume2 } from '@matita/icons/react';
<Volume2 size={32} pencil />The file is icons/volume-2.svg in the package (pencil/volume-2.svg for the pencil variant). Matita 0.2.1.
02How it's drawn
The recipe for volume-2
Volume 2 is not stored as a drawing. It is a recipe of 1 closed shape and 2 arcs 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 3.5 9 7.5 9 12.5 4.5 12.5 19.5 7.5 15 3.5 15;
A 13 12 3.5 -50 50;
A 13 12 7 -50 50volume-2 as a number: 967233500
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 volume-2. Seed 0 is the default.
True pixel sizes.