Every picture in the library follows these, and so does every download.
Free dots and grids SVG elements
- Dot Grid
- Dot Rows
- Dotted Circle
- Dotted Line
- Polka Dots
- Square Grid
- Dotted Rectangle
- Dot Columns
- Dotted Square
- Circle Grid
- Dotted Divider
- Triangle Grid
- Hexagon Grid
- Scattered Dots
- Dotted Frame
- Halftone Dots
- Dot Matrix
- Graph Paper Grid
- Diagonal Dots
- Dotted Arrow
- Crosshair Grid
- Grid Lines
- Dotted Border
- Concentric Dots
- Square Grid
- Dotted Line
- Polka Dots
- Dotted Circle
- Dot Grid
- Dotted Square
- Dotted Rectangle
- Scattered Dots
- Dotted Frame
- Dot Columns
- Circle Grid
- Hexagon Grid
- Dot Rows
- Triangle Grid
- Dotted Divider
- Crosshair Grid
- Dotted Arrow
- Grid Lines
- Concentric Dots
Packs
Sets drawn in one style.
Tags
About this page
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.
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.