Refresh cw icon
A free pencil-style refresh cw icon, drawn by code from 2 arcs and 2 polylines. Use it as an SVG, a React component, or by name. MIT licensed.
01Use it
Use refresh-cw
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 { RefreshCw } from '@matita/icons/react';
<RefreshCw size={24} />
// or by name
import { SketchIcon } from '@matita/icons/react';
<SketchIcon name="refresh-cw" />JavaScript
import { RefreshCw, toSvg } from '@matita/icons';
toSvg(RefreshCw, { 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-refresh-cw" data-sketch="" aria-hidden="true"><path d="M4.21 9.61C4.52 9.14 5.33 7.59 6.08 6.78C6.83 5.97 7.73 5.2 8.72 4.74C9.71 4.28 10.91 4 12 4.02C13.09 4.03 14.25 4.36 15.24 4.82C16.23 5.28 17.19 5.97 17.93 6.78C18.66 7.58 19.36 9.17 19.65 9.65" stroke-width="1.536"/><path d="M19.65 3.13Q19.44 5.76 19.47 8.4Q16.87 8.49 14.27 8.5" stroke-width="1.568"/><path d="M19.63 14.33C19.37 14.83 18.78 16.5 18.06 17.33C17.33 18.15 16.3 18.82 15.29 19.28C14.28 19.73 13.1 20.04 12 20.04C10.9 20.04 9.7 19.75 8.71 19.29C7.71 18.82 6.72 18.1 6.01 17.27C5.3 16.44 4.72 14.8 4.47 14.3" stroke-width="1.552"/><path d="M4.33 20.99Q4.57 18.28 4.4 15.57Q7.04 15.53 9.67 15.4" stroke-width="1.616"/></svg>Pencil variant
import '@matita/icons/pencil.css';
import { RefreshCw } from '@matita/icons/react';
<RefreshCw size={32} pencil />The file is icons/refresh-cw.svg in the package (pencil/refresh-cw.svg for the pencil variant). Matita 0.2.1.
02How it's drawn
The recipe for refresh-cw
Refresh cw is not stored as a drawing. It is a recipe of 2 arcs and 2 polylines 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 12 12 8 205 335;
P 19.5 3.5 19.5 8.5 14.5 8.5;
A 12 12 8 25 155;
P 4.5 20.5 4.5 15.5 9.5 15.5refresh-cw as a number: 2911305357
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 refresh-cw. Seed 0 is the default.
True pixel sizes.