Learners ages 14+ who want practical creative and technical skills.
Course 133 · Create course 13
Design an Original Vector Icon Kit
Draw three clear icons with editable shapes, paths, shared styling and checked exports.
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 needPractice materials and a worked example · Free download. Download the starter pack
An original three-icon SVG kit with 32 px and 64 px PNG variants, a reference sheet and a usage readme.
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.
- Get your materialsDownload practice filesStart with the supplied materials, follow the lessons, and compare your work with the annotated example.
- Make your projectView the project checklist Work in your own notebook, document, or software. Use the supplied practice examples when you prefer.
- Keep a private recordSave a project record Sign in to save a description and checklist, then return to update them.
Watch an introduction.
This overview from Logos By Nick introduces ideas you’ll practice in the lessons.
Watch directly on YouTubeKnow 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.
- 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.
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 ProofSee 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
The rules behind the steps.
Keep a shared system
Use the same grid, stroke and spacing rules.
Edit shapes deliberately
Keep simple parts editable until custom paths are needed.
Judge the exported size
Inspect a real-size preview before handing off.
What do these words mean?
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.
6 lessons.
One useful project.
Work in order the first time. Each lesson makes something the next lesson can use.
- 1Up next
Define a small graphics family
Set a repeatable canvas and style specification.
- 236 min
Build a book from editable shapes
Use rectangles and stroke controls to build a clear symbol.
- 336 min
Create a chat bubble with a path
Join simple shapes into a clean editable silhouette.
- 436 min
Align and space the family
Build a ticket and organize three icons on a common reference sheet.
- 536 min
Check icons at real sizes
Produce large and small previews without destroying the source.
- 636 min
Package SVG and PNG correctly
Deliver usable icons with consistent naming and an original-asset note.
Tools to help you practice.
Design an Original Vector Icon Kit practice files
Start with the supplied materials, follow the lessons, and compare your work with the annotated example.
Your course project worksheet
A downloadable text worksheet with each lesson’s working output, space for your answers, and the shared final-project checklist. Save your own copy.
Sources and further study.
Explore the references behind the lessons and take your learning further. Source notes explain access and reuse.
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.
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.
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.
Start with the first useful move.
You’ll always know what to do, what to make, and where to go next.
Potential collaboration: Creative software, public libraries, community learning programs
Partner with LifeStarter