Pork free icon
New Added in v0.6.0
A free pencil-style pork free icon, drawn by code from 1 circle, 2 closed shapes, 1 ellipse, 4 dots and 1 line. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use pork-free
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 { PorkFree } from '@matita/icons/react';
<PorkFree size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="pork-free" />JavaScript
import { PorkFree, toSvg } from '@matita/icons';
toSvg(PorkFree, { 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-pork-free" data-sketch="" aria-hidden="true"><path d="M5.3 10.61C5.5 10.22 5.99 8.99 6.51 8.3C7.02 7.62 7.66 7.01 8.37 6.5C9.08 6 9.9 5.47 10.74 5.28C11.58 5.1 12.55 5.24 13.42 5.41C14.29 5.58 15.25 5.81 15.98 6.29C16.71 6.77 17.26 7.57 17.79 8.31C18.32 9.04 18.95 9.83 19.15 10.68C19.36 11.53 19.15 12.51 19.04 13.41C18.93 14.32 18.88 15.31 18.49 16.1C18.09 16.89 17.36 17.58 16.67 18.17C15.98 18.77 15.19 19.37 14.35 19.67C13.5 19.97 12.49 20.06 11.59 20C10.69 19.93 9.74 19.67 8.93 19.28C8.11 18.89 7.38 18.28 6.71 17.64C6.05 17 5.28 16.29 4.92 15.45C4.57 14.62 4.57 13.57 4.57 12.63C4.57 11.69 4.85 10.29 4.9 9.82" stroke-width="1.728"/><path d="M5.76 8.15Q5.59 5.95 5.12 3.8Q7.31 4.57 9.42 5.55Q7.54 6.78 5.76 8.15Q5.61 7.52 5.57 6.87" stroke-width="1.6"/><path d="M18.05 8.11Q18.25 5.87 18.75 3.68Q16.61 4.69 14.37 5.45Q16.29 6.67 18.05 8.11Q18.16 7.57 18.22 7.02" stroke-width="1.808"/><path d="M12.5 16.54C12.29 16.55 11.68 16.65 11.28 16.6C10.89 16.55 10.48 16.42 10.14 16.26C9.8 16.09 9.46 15.85 9.26 15.59C9.05 15.33 8.97 14.99 8.92 14.68C8.87 14.36 8.86 14.02 8.98 13.71C9.1 13.4 9.33 13.07 9.62 12.82C9.91 12.58 10.32 12.38 10.73 12.23C11.14 12.09 11.62 11.96 12.06 11.96C12.5 11.96 12.96 12.1 13.38 12.24C13.79 12.38 14.24 12.54 14.55 12.79C14.86 13.04 15.07 13.39 15.22 13.72C15.38 14.06 15.51 14.44 15.49 14.81C15.47 15.17 15.32 15.58 15.09 15.9C14.85 16.23 14.47 16.52 14.08 16.75C13.69 16.99 13.23 17.2 12.76 17.3C12.28 17.41 11.71 17.45 11.22 17.38C10.73 17.31 10.04 16.97 9.81 16.89" stroke-width="1.616"/><path d="M3.45 20.79Q11.85 11.76 20.8 3.28" stroke-width="1.696"/><path d="M10.96 14.3l.01 0M13.2 14.35l.01 0M8.83 10.81l.01 0M14.93 10.82l.01 0" stroke-width="2.48"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { PorkFree } from '@matita/icons/react';
<PorkFree size={32} pencil />The file is icons/pork-free.svg in the package (pencil/pork-free.svg for the pencil variant). Matita 0.6.0.
02How it's drawn
The recipe for pork-free
Pork free is not stored as a drawing. It is a recipe of 1 circle, 2 closed shapes, 1 ellipse, 4 dots and 1 line 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.
C 12 12.5 7;
Z 5.8 8 5.2 3.8 9.6 5.4;
Z 18.2 8 18.8 3.8 14.4 5.4;
E 12 14.5 3 2;
O 10.9 14.5;
O 13.1 14.5;
O 9 10.8;
O 15 10.8;
L 3.5 20.5 20.5 3.5pork-free as a number: 1668180348
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 pork-free. Seed 0 is the default.
pork-free from exact shapes (wobble 0) to the full hand (wobble 1, the default). The exact version is also a ready-made file: exact/pork-free.svg.
True pixel sizes.