Create an account to use AI

Create a free account to unlock all features:

Ask questions about videos with AI
Use smart search (AI)
Save your favorite videos
Bookmark your favorite categories
Organize your favorite subcategories
Access your personalized favorites page
Access your conversation history
Personalize your homepage with your favorites

Create an account

Already have an account? Log in

How to Code SVG Patterns (Part 2)

Matt Visiwig

In this tutorial, we look at coding a hexagonal pattern in SVG. We also look at how patterns can clip and two solutions to address that issue.

Part 1: Alternating pattern

https://www.youtube.com/watch?v=54N5DP9FgZA

Part 2: Hexagon pattern

Part 3: Doodle pattern (coming soon)

This series is based on my blog post that takes an in-depth look at creating SVG patterns:

https://www.svgbackgrounds.com/svg-pattern-guide/

How to Code SVG Patterns (Part 2) | Knoovi