Course 133 · Create course 13

Design an Original Vector Icon Kit

Draw three clear icons with editable shapes, paths, shared styling and checked exports.

Before you start

Install free Inkscape on a supported desktop; no paid fonts, account or drawing tablet is required. Setup/video time is additional.

See everything you’ll need

Practice materials and a worked example · Free download. Download the starter pack

What you’ll leave with

An original three-icon SVG kit with 32 px and 64 px PNG variants, a reference sheet and a usage readme.

Start course Start without an account. Sign in to save lesson progress across devices.

Your project

Start with the practice files. Build your project one lesson at a time.

Practice files are free without an account. Sign in to save your project record in My Proof: a description, checklist, and optional work link. Keep the original files in your own app or notebook; saving a project record does not upload them.

  1. Get your materialsDownload practice filesStart with the supplied materials, follow the lessons, and compare your work with the annotated example.
  2. Make your projectView the project checklist Work in your own notebook, document, or software. Use the supplied practice examples when you prefer.
  3. Keep a private recordSave a project record Sign in to save a description and checklist, then return to update them.
Optional course overview

Watch an introduction.

This overview from Logos By Nick introduces ideas you’ll practice in the lessons.

Watch directly on YouTube
Logos By NickInkscape Tutorial: Complete Starter Guide for New UsersYouTube
Course handbook

Know the route before you begin.

Here’s what you’ll need and what you’ll make. You can return to this guide during any lesson.

Who this is for

Learners ages 14+ who want practical creative and technical skills.

Prepare before lesson one
  • Install free Inkscape on a supported desktop; no paid fonts, account or drawing tablet is required. Setup/video time is additional.
  • Know how to save and reopen files. Use a mouse or trackpad; artistic drawing experience is unnecessary.
Your final project

Finish with proof you can use.

An original three-icon SVG kit with 32 px and 64 px PNG variants, a reference sheet and a usage readme.

Save a project record in My Proof
See project checklist and review criteria

Keep your working files in your own notebook or software. Save a private description, checklist, and work link in My Proof.

What to include

  • Three original icons: book, ticket and chat.
  • A 64 px grid, explicit margins and consistent 4 px base stroke.
  • An editable source and two checked raster sizes per icon.
  • A side-by-side family sheet with small-size review notes.
  • A readme naming colors, sizes and original fictional practice status.

Review and revise

Use these criteria to check your work and choose what to improve.

  • Icons remain recognizable at their intended sizes.
  • Paths and shapes remain editable.
  • Style choices are consistent and deliberate.
  • Exports have the required canvas and match the source.
Three ideas to help you along the way
Three useful ideas

The rules behind the steps.

01

Keep a shared system

Use the same grid, stroke and spacing rules.

02

Edit shapes deliberately

Keep simple parts editable until custom paths are needed.

03

Judge the exported size

Inspect a real-size preview before handing off.

What do these words mean?
Key words

Key terms worth knowing.

Vector
Artwork described by paths and shapes rather than only pixels.
Path
A connected outline defined by nodes and segments.
Stroke
The visible line drawn along a path.
Union
A path operation combining overlapping shapes.
Raster export
A fixed pixel rendering such as PNG.
Your route

6 lessons.
One useful project.

Work in order the first time. Each lesson makes something the next lesson can use.

  1. 1
    Up next

    Define a small graphics family

    Set a repeatable canvas and style specification.

  2. 2
    36 min

    Build a book from editable shapes

    Use rectangles and stroke controls to build a clear symbol.

  3. 3
    36 min

    Create a chat bubble with a path

    Join simple shapes into a clean editable silhouette.

  4. 4
    36 min

    Align and space the family

    Build a ticket and organize three icons on a common reference sheet.

  5. 5
    36 min

    Check icons at real sizes

    Produce large and small previews without destroying the source.

  6. 6
    36 min

    Package SVG and PNG correctly

    Deliver usable icons with consistent naming and an original-asset note.

Use the tools

Tools to help you practice.

See all tools
Source transparency

Sources and further study.

Explore the references behind the lessons and take your learning further. Source notes explain access and reuse.

Inkscape Beginners’ Guide
Source & access notes · checked 2026-09-12

Read free community-created guide description.

Access: Public reading without a paid account; reviewed September 12, 2026.

Reuse: Link only. Lessons and practice assets are original; free access does not grant permission to copy the provider's material.

Inkscape: Align and Distribute
Source & access notes · checked 2026-09-12

Read substantive page text and examples.

Access: Public reading without a paid account; reviewed September 12, 2026.

Reuse: Link only. Lessons and practice assets are original; free access does not grant permission to copy the provider's material.

Inkscape: Exporting a PNG File
Source & access notes · checked 2026-09-12

Read substantive page text and examples.

Access: Public reading without a paid account; reviewed September 12, 2026.

Reuse: Link only. Lessons and practice assets are original; free access does not grant permission to copy the provider's material.

Ready when you are

Start with the first useful move.

You’ll always know what to do, what to make, and where to go next.

Start lesson one