Eye off icon
A free pencil-style eye off icon, drawn by code from 2 curves, 1 circle and 1 line. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use eye-off
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 { EyeOff } from '@matita/icons/react';
<EyeOff size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="eye-off" />JavaScript
import { EyeOff, toSvg } from '@matita/icons';
toSvg(EyeOff, { 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-eye-off" data-sketch="" aria-hidden="true"><path d="M2.5 12.26Q12.09 4.07 21.72 11.96" stroke-width="1.664"/><path d="M21.72 11.85Q12.08 20.04 2.2 12" stroke-width="1.552"/><path d="M14.62 11.06C14.64 11.26 14.78 11.87 14.75 12.26C14.72 12.65 14.61 13.07 14.44 13.42C14.27 13.77 14.01 14.11 13.73 14.37C13.44 14.62 13.08 14.84 12.71 14.97C12.34 15.1 11.91 15.19 11.52 15.14C11.13 15.1 10.71 14.92 10.37 14.69C10.04 14.46 9.75 14.11 9.51 13.76C9.27 13.41 9.03 13.01 8.93 12.59C8.83 12.16 8.81 11.65 8.9 11.22C8.99 10.79 9.22 10.36 9.48 9.99C9.73 9.63 10.05 9.28 10.41 9.04C10.78 8.81 11.23 8.66 11.66 8.6C12.09 8.54 12.56 8.58 12.99 8.69C13.41 8.81 13.87 9.01 14.23 9.3C14.58 9.59 14.9 10.01 15.1 10.44C15.3 10.87 15.43 11.39 15.45 11.88C15.48 12.36 15.28 13.11 15.25 13.36" stroke-width="1.664"/><path d="M3.64 3.4Q11.96 12.34 20.53 21.06" stroke-width="1.52"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { EyeOff } from '@matita/icons/react';
<EyeOff size={32} pencil />The file is icons/eye-off.svg in the package (pencil/eye-off.svg for the pencil variant). Matita 0.2.1.
02How it's drawn
The recipe for eye-off
Eye off is not stored as a drawing. It is a recipe of 2 curves, 1 circle 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.
Q 2.5 12 12 4 21.5 12;
Q 21.5 12 12 20 2.5 12;
C 12 12 2.8;
L 4 3.5 20 20.5eye-off as a number: 569395962
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 eye-off. Seed 0 is the default.
True pixel sizes.