Glyphwork
Help

Help & how-to

Guides to using Glyphwork icons in your projects, and to drawing, tracing and animating your own in the Studio.

New here? Start with The Studio at a glance and Use icons in a project, then pick a task below.

Getting started

The Studio at a glance

Find your way around the Studio: the library, the drawing board, the timeline and the inspector.

Use icons in a project

Add Glyphwork icons to any website or app with one script tag, or use the SVG files and sprites.

The eight styles

Outline, Solid, Duotone, Sharp, Thin, Pixel, Doodle and Sticker: what each looks like and when to use it.

Keyboard shortcuts

Every key the Studio understands.

Draw icons

Draw on the grid

Draw lines, shapes, rectangles and circles that snap to the 24-unit grid.

Edit shapes and points

Select, move and reshape shapes, set their roles, and change their order.

Turn an image into an icon

Trace a logo, silhouette or sketch onto the 24 grid with Image → icon.

Animate

Animate with the timeline

Give an icon a motion, key shapes along the timeline, and play it back.

Edit keyframes

Change what a key does, move a shape's points to morph it, retime keys, and pick a pivot.

Export & use

Export icons

Copy an icon as SVG, animated SVG, a web component tag, or source for your library.

Save and keep your icons

Save icons to your library in the Studio, and back them up so they're never lost.

Plans & billing

Plans and billing

What each plan includes, how payment works, and how to cancel.