Camera icon
A free pencil-style camera 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 camera
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 { Camera } from '@matita/icons/react';
<Camera size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="camera" />JavaScript
import { Camera, toSvg } from '@matita/icons';
toSvg(Camera, { 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-camera" data-sketch="" aria-hidden="true"><path d="M2.97 7.96Q5.31 7.75 7.64 7.95Q8.22 6.64 8.87 5.36Q11.87 5.3 14.86 5.43Q15.86 6.69 16.64 8.09Q18.91 8.11 21.18 7.97Q20.65 13.51 21.1 19.06Q11.99 19.45 2.88 18.87Q2.7 13.41 2.97 7.96Q3.83 8.03 4.69 7.96" stroke-width="1.824"/><path d="M15.42 11.73C15.46 11.96 15.67 12.65 15.66 13.1C15.65 13.56 15.54 14.06 15.34 14.47C15.15 14.89 14.84 15.3 14.48 15.61C14.13 15.92 13.69 16.16 13.24 16.34C12.79 16.51 12.28 16.64 11.79 16.65C11.3 16.65 10.77 16.54 10.31 16.35C9.85 16.16 9.39 15.86 9.04 15.5C8.68 15.15 8.34 14.69 8.17 14.22C8.01 13.76 8.04 13.21 8.07 12.7C8.1 12.19 8.13 11.62 8.35 11.17C8.58 10.72 9.01 10.33 9.42 10C9.83 9.67 10.3 9.35 10.8 9.18C11.31 9.01 11.89 8.92 12.44 8.96C12.98 8.99 13.58 9.13 14.06 9.37C14.55 9.62 15 10.02 15.34 10.44C15.69 10.86 15.95 11.38 16.12 11.9C16.28 12.41 16.31 13.27 16.34 13.55" stroke-width="1.776"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { Camera } from '@matita/icons/react';
<Camera size={32} pencil />The file is icons/camera.svg in the package (pencil/camera.svg for the pencil variant). Matita 0.2.1.
02How it's drawn
The recipe for camera
Camera 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 3 8 7.5 8 9 5.5 15 5.5 16.5 8 21 8 21 19 3 19;
C 12 13 3.5camera as a number: 2663290958
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 camera. Seed 0 is the default.
True pixel sizes.