Skip to content
Ikions
Explore icons

Snap to Grid icon

Snap objects to the points of a layout grid.

Snap to Grid icon, outline24px × 4
16
20
24
32
48
Size
px
Colour
1.75

Use it in your project

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
  <rect width="7.5" height="7.5" x="4.5" y="4.5" rx="1"/>
  <circle cx="4.5" cy="4.5" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="12" cy="4.5" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="4.5" cy="12" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/>
  <circle cx="19.5" cy="4.5" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="19.5" cy="12" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="4.5" cy="19.5" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="12" cy="19.5" r="1.25" fill="currentColor" stroke="none"/>
  <circle cx="19.5" cy="19.5" r="1.25" fill="currentColor" stroke="none"/>
</svg>

Icon details

Name
snap-grid
Component
SnapGridIcon
Category
Editing & Creativity
Variants
Outline, Filled
Added in
v0.2.0
Files
@ikions/icons/outline/snap-grid.svg
@ikions/icons/filled/snap-grid.svg

Also known as

  • snap-to-grid
  • grid-snap

Tags

Related icons