Free dots and grids SVG elements
Find free SVG elements based on dots and grids. Use them to mark points on a diagram, divide a layout, frame a heading or add detail to a background. Dot matrices, rows of dots and grid lines can also help organise a chart, worksheet or presentation without adding a large illustration.
Recolour one element or the whole grid on this page. You can also change stroke width, size, opacity and rotation before exporting. Copy the SVG code, use a CSS background-image or mask-image data URI, or export a PNG, WebP or JPG. Elements drawn as icons use currentColor, so they take the colour of the text around them.
Packs
Sets drawn in one style.
Dotted Line
Dot Grid
Grid Lines
Square Grid
Dot Matrix
Dotted Circle
Dotted Border
Dotted Square
Dotted Arrow
Graph Paper Grid
Halftone Dots
Circle Grid
Polka Dots
Dot Rows
Dotted Rectangle
- Pro
Diagonal Dots
- Pro
Dotted Divider
- Pro
Dotted Frame
- Pro
Dot Columns
- Pro
Triangle Grid
- Pro
Scattered Dots
- Pro
Concentric Dots
- Pro
Hexagon Grid
- Pro
Crosshair Grid
Not what you need?
Describe it: the SVG studio opens with this style filled in.
More elements
Questions
- Can I change the colour of a dot or grid element?
- Yes. You can recolour an element or the whole grid on this page before you export.
- Can I use these SVG elements in a commercial project?
- A free account covers personal projects. Pro and Max accounts get a commercial licence for items they download, and that licence stays in place.
- How can I export a dot or grid element?
- You can copy the SVG code or export CSS, PNG, WebP, JPG, a React component or a data URI.