Wheelchair icon

New Added in v0.6.0

A free pencil-style wheelchair icon, drawn by code from 1 circle, 1 polyline, 1 line and 1 arc. Use it as an SVG, a React component, or by name. MIT licensed.

wheelchair

01Use it

Use wheelchair

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

<Wheelchair size={24} />

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

JavaScript

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

toSvg(Wheelchair, { 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-wheelchair" data-sketch="" aria-hidden="true"><path d="M9.28 2.8C9.38 2.76 9.67 2.58 9.88 2.55C10.09 2.52 10.33 2.55 10.54 2.62C10.74 2.68 10.94 2.8 11.13 2.93C11.31 3.06 11.5 3.21 11.62 3.4C11.75 3.59 11.82 3.83 11.87 4.06C11.91 4.29 11.94 4.55 11.9 4.79C11.86 5.03 11.76 5.28 11.63 5.49C11.49 5.69 11.29 5.88 11.08 6.02C10.87 6.16 10.62 6.28 10.38 6.34C10.13 6.4 9.85 6.4 9.59 6.37C9.33 6.33 9.06 6.25 8.82 6.12C8.59 5.99 8.34 5.81 8.18 5.59C8.02 5.37 7.95 5.08 7.88 4.82C7.81 4.55 7.74 4.26 7.75 3.98C7.76 3.7 7.83 3.39 7.96 3.14C8.1 2.89 8.33 2.68 8.56 2.49C8.78 2.3 9.18 2.07 9.3 1.99" stroke-width="1.712"/><path d="M10.06 7.55Q10.16 10.84 9.84 14.12Q12.66 14.23 15.49 14.09Q16.63 17.36 18.3 20.39" stroke-width="1.616"/><path d="M9.62 10.42Q12.38 10.65 15.14 10.51" stroke-width="1.472"/><path d="M10.93 11.68C11.24 11.89 12.3 12.36 12.8 12.89C13.29 13.42 13.74 14.15 13.91 14.85C14.09 15.55 14.01 16.38 13.85 17.08C13.68 17.78 13.33 18.46 12.92 19.05C12.5 19.64 11.99 20.26 11.37 20.62C10.76 20.98 9.95 21.17 9.22 21.21C8.49 21.25 7.68 21.15 7 20.87C6.32 20.6 5.61 20.12 5.14 19.56C4.67 19 4.38 18.24 4.18 17.52C3.98 16.81 3.8 15.97 3.95 15.27C4.1 14.58 4.64 13.93 5.09 13.35C5.54 12.77 6.38 12.05 6.64 11.79" stroke-width="1.584"/></svg>

Pencil variant

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

<Wheelchair size={32} pencil />

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

02How it's drawn

The recipe for wheelchair

Wheelchair is not stored as a drawing. It is a recipe of 1 circle, 1 polyline, 1 line and 1 arc 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
C 10 4.3 1.7;
P 10 8 10 14 15.5 14 18 20;
L 10 10.5 14.5 10.5;
A 9 16.2 5 -60 235
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 wheelchair. Seed 0 is the default.

wobble 0
wobble 0.25
wobble 0.5
wobble 0.75
wobble 1

wheelchair from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/wheelchair.svg.

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

True pixel sizes.

Ink
Pencil