Mic icon

A free pencil-style mic icon, drawn by code from 3 arcs and 3 lines. Use it as an SVG, a React component, or by name. MIT licensed.

mic

01Use it

Use mic

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 { Mic } from '@matita/icons/react';

<Mic size={24} />

// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="mic" />

JavaScript

import { Mic, toSvg } from '@matita/icons';

toSvg(Mic, { size: 24 });   // SVG string

SVG

<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-mic" data-sketch="" aria-hidden="true"><path d="M9.09 7.43C9.07 7.22 8.89 6.54 8.99 6.13C9.08 5.72 9.34 5.26 9.64 4.97C9.95 4.68 10.41 4.57 10.8 4.39C11.2 4.22 11.59 3.93 12 3.92C12.41 3.9 12.87 4.09 13.25 4.28C13.63 4.46 14.01 4.72 14.28 5.04C14.54 5.36 14.72 5.78 14.84 6.18C14.95 6.58 14.94 7.23 14.97 7.44" stroke-width="1.376"/><path d="M8.97 6.82Q9 9.35 9.13 11.87" stroke-width="1.52"/><path d="M14.84 6.74Q14.79 9.2 15.09 11.66" stroke-width="1.776"/><path d="M14.86 11.23C14.84 11.43 14.85 12.05 14.72 12.41C14.6 12.78 14.37 13.14 14.11 13.43C13.85 13.72 13.52 13.97 13.17 14.15C12.82 14.34 12.4 14.5 12 14.53C11.6 14.56 11.14 14.48 10.75 14.32C10.37 14.17 9.98 13.91 9.69 13.6C9.41 13.3 9.15 12.89 9.04 12.49C8.94 12.09 9.06 11.44 9.06 11.23" stroke-width="1.808"/><path d="M18.87 10.9C18.82 11.38 18.84 12.84 18.56 13.73C18.28 14.62 17.81 15.55 17.2 16.26C16.58 16.98 15.73 17.65 14.87 18.02C14 18.39 12.95 18.5 12 18.48C11.05 18.46 10.07 18.25 9.19 17.89C8.31 17.54 7.38 17.02 6.73 16.33C6.07 15.65 5.55 14.7 5.27 13.79C4.98 12.88 5.04 11.38 5 10.89" stroke-width="1.536"/><path d="M11.88 18.2Q11.95 19.66 11.81 21.12" stroke-width="1.728"/></svg>

Pencil variant

import '@matita/icons/pencil.css';
import { Mic } from '@matita/icons/react';

<Mic size={32} pencil />

The file is icons/mic.svg in the package (pencil/mic.svg for the pencil variant). Matita 0.2.1.

02How it's drawn

The recipe for mic

Mic is not stored as a drawing. It is a recipe of 3 arcs and 3 lines 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 · Recipe
A 12 7 3 180 360;
L 9 7 9 11.5;
L 15 7 15 11.5;
A 12 11.5 3 0 180;
A 12 11.5 7 0 180;
L 12 18.5 12 21
B · Plotted
C · Drawn
How it works

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.

seed 0
seed 1
seed 2
seed 3
seed 4

Five seeds of mic. Seed 0 is the default.

16 px
20 px
24 px
32 px
48 px
96 px

True pixel sizes.

Ink
Pencil