{
 "name": "grip-vertical",
 "title": "Grip vertical",
 "component": "GripVerticalIcon",
 "url": "https://gentleface.com/icons/grip-vertical",
 "category": "layout",
 "motif": "grip",
 "added": "2026-10-15",
 "history": [
  {
   "date": "2026-10-15",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "eeb0e2290a78",
 "use_for": [
  "drag handle",
  "grip",
  "reorder handle",
  "drag indicator"
 ],
 "alternatives": [
  {
   "icon": "grip-horizontal",
   "why": "a horizontal handle, e.g. on a bottom sheet or a column header (horizontal-drag-handle)",
   "concept": "drag-handle"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "more-vertical",
   "why": "kebab dots open more actions (more-vertical), not a handle",
   "concept": "drag-handle"
  },
  {
   "icon": "menu",
   "why": "three bars open the navigation menu (menu); the iOS reorder control looks alike, so prefer the dot grip",
   "concept": "drag-handle"
  }
 ],
 "also_fits": [
  {
   "concept": "rearrange",
   "owner": "reorder",
   "why": "the drag handle on each row"
  },
  {
   "concept": "drag-and-drop",
   "owner": "drag-drop",
   "why": "the handle you grab to reorder a row (drag-handle)"
  },
  {
   "concept": "horizontal-drag-handle",
   "owner": "grip-horizontal",
   "why": "the vertical handle beside list rows (drag-handle)"
  },
  {
   "concept": "move",
   "owner": "move",
   "why": "the handle to drag a row (drag-handle)"
  }
 ],
 "not_for": [
  {
   "concept": "more-vertical",
   "owner": "more-vertical",
   "why": "a 2×3 dot grip is a drag handle (drag-handle)"
  }
 ],
 "family": [
  "grip-horizontal"
 ],
 "tags": [
  "grip",
  "drag",
  "handle",
  "reorder",
  "move",
  "dots",
  "sortable"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.439 1.439C4.732 1.146 5.086 1 5.5 1C5.914 1 6.268 1.146 6.561 1.439C6.854 1.732 7 2.086 7 2.5C7 2.914 6.854 3.268 6.561 3.561C6.268 3.854 5.914 4 5.5 4C5.086 4 4.732 3.854 4.439 3.561C4.146 3.268 4 2.914 4 2.5C4 2.086 4.146 1.732 4.439 1.439ZM9.439 1.439C9.732 1.146 10.086 1 10.5 1C10.914 1 11.268 1.146 11.561 1.439C11.854 1.732 12 2.086 12 2.5C12 2.914 11.854 3.268 11.561 3.561C11.268 3.854 10.914 4 10.5 4C10.086 4 9.732 3.854 9.439 3.561C9.146 3.268 9 2.914 9 2.5C9 2.086 9.146 1.732 9.439 1.439ZM6.561 6.439C6.854 6.732 7 7.086 7 7.5C7 7.914 6.854 8.268 6.561 8.561C6.268 8.854 5.914 9 5.5 9C5.086 9 4.732 8.854 4.439 8.561C4.146 8.268 4 7.914 4 7.5C4 7.086 4.146 6.732 4.439 6.439C4.732 6.146 5.086 6 5.5 6C5.914 6 6.268 6.146 6.561 6.439ZM11.561 6.439C11.854 6.732 12 7.086 12 7.5C12 7.914 11.854 8.268 11.561 8.561C11.268 8.854 10.914 9 10.5 9C10.086 9 9.732 8.854 9.439 8.561C9.146 8.268 9 7.914 9 7.5C9 7.086 9.146 6.732 9.439 6.439C9.732 6.146 10.086 6 10.5 6C10.914 6 11.268 6.146 11.561 6.439ZM4.439 11.439C4.732 11.146 5.086 11 5.5 11C5.914 11 6.268 11.146 6.561 11.439C6.854 11.732 7 12.086 7 12.5C7 12.914 6.854 13.268 6.561 13.561C6.268 13.854 5.914 14 5.5 14C5.086 14 4.732 13.854 4.439 13.561C4.146 13.268 4 12.914 4 12.5C4 12.086 4.146 11.732 4.439 11.439ZM9.439 11.439C9.732 11.146 10.086 11 10.5 11C10.914 11 11.268 11.146 11.561 11.439C11.854 11.732 12 12.086 12 12.5C12 12.914 11.854 13.268 11.561 13.561C11.268 13.854 10.914 14 10.5 14C10.086 14 9.732 13.854 9.439 13.561C9.146 13.268 9 12.914 9 12.5C9 12.086 9.146 11.732 9.439 11.439Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.439 1.439C4.732 1.146 5.086 1 5.5 1C5.914 1 6.268 1.146 6.561 1.439C6.854 1.732 7 2.086 7 2.5C7 2.914 6.854 3.268 6.561 3.561C6.268 3.854 5.914 4 5.5 4C5.086 4 4.732 3.854 4.439 3.561C4.146 3.268 4 2.914 4 2.5C4 2.086 4.146 1.732 4.439 1.439ZM9.439 1.439C9.732 1.146 10.086 1 10.5 1C10.914 1 11.268 1.146 11.561 1.439C11.854 1.732 12 2.086 12 2.5C12 2.914 11.854 3.268 11.561 3.561C11.268 3.854 10.914 4 10.5 4C10.086 4 9.732 3.854 9.439 3.561C9.146 3.268 9 2.914 9 2.5C9 2.086 9.146 1.732 9.439 1.439ZM6.561 6.439C6.854 6.732 7 7.086 7 7.5C7 7.914 6.854 8.268 6.561 8.561C6.268 8.854 5.914 9 5.5 9C5.086 9 4.732 8.854 4.439 8.561C4.146 8.268 4 7.914 4 7.5C4 7.086 4.146 6.732 4.439 6.439C4.732 6.146 5.086 6 5.5 6C5.914 6 6.268 6.146 6.561 6.439ZM11.561 6.439C11.854 6.732 12 7.086 12 7.5C12 7.914 11.854 8.268 11.561 8.561C11.268 8.854 10.914 9 10.5 9C10.086 9 9.732 8.854 9.439 8.561C9.146 8.268 9 7.914 9 7.5C9 7.086 9.146 6.732 9.439 6.439C9.732 6.146 10.086 6 10.5 6C10.914 6 11.268 6.146 11.561 6.439ZM4.439 11.439C4.732 11.146 5.086 11 5.5 11C5.914 11 6.268 11.146 6.561 11.439C6.854 11.732 7 12.086 7 12.5C7 12.914 6.854 13.268 6.561 13.561C6.268 13.854 5.914 14 5.5 14C5.086 14 4.732 13.854 4.439 13.561C4.146 13.268 4 12.914 4 12.5C4 12.086 4.146 11.732 4.439 11.439ZM9.439 11.439C9.732 11.146 10.086 11 10.5 11C10.914 11 11.268 11.146 11.561 11.439C11.854 11.732 12 12.086 12 12.5C12 12.914 11.854 13.268 11.561 13.561C11.268 13.854 10.914 14 10.5 14C10.086 14 9.732 13.854 9.439 13.561C9.146 13.268 9 12.914 9 12.5C9 12.086 9.146 11.732 9.439 11.439Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5.5 1C5.898 1 6.279 1.158 6.561 1.439C6.842 1.721 7 2.102 7 2.5C7 2.898 6.842 3.279 6.561 3.561C6.279 3.842 5.898 4 5.5 4C4.672 4 4 3.328 4 2.5C4 1.672 4.672 1 5.5 1ZM9 2.5C9 1.672 9.672 1 10.5 1C11.328 1 12 1.672 12 2.5C12 3.328 11.328 4 10.5 4C9.672 4 9 3.328 9 2.5ZM5.5 6C5.898 6 6.279 6.158 6.561 6.439C6.842 6.721 7 7.102 7 7.5C7 7.898 6.842 8.279 6.561 8.561C6.279 8.842 5.898 9 5.5 9C4.672 9 4 8.328 4 7.5C4 6.672 4.672 6 5.5 6ZM10.5 6C11.328 6 12 6.672 12 7.5C12 8.328 11.328 9 10.5 9C9.672 9 9 8.328 9 7.5C9 6.672 9.672 6 10.5 6ZM4 12.5C4 11.672 4.672 11 5.5 11C5.898 11 6.279 11.158 6.561 11.439C6.842 11.721 7 12.102 7 12.5C7 12.898 6.842 13.279 6.561 13.561C6.279 13.842 5.898 14 5.5 14C4.672 14 4 13.328 4 12.5ZM9 12.5C9 11.672 9.672 11 10.5 11C11.328 11 12 11.672 12 12.5C12 13.328 11.328 14 10.5 14C9.672 14 9 13.328 9 12.5Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5.5 1C5.914 1 6.268 1.146 6.561 1.439C6.854 1.732 7 2.086 7 2.5C7 2.914 6.854 3.268 6.561 3.561C6.268 3.854 5.914 4 5.5 4C5.086 4 4.732 3.854 4.439 3.561C4.146 3.268 4 2.914 4 2.5C4 2.086 4.146 1.732 4.439 1.439C4.732 1.146 5.086 1 5.5 1ZM10.5 1C10.914 1 11.268 1.146 11.561 1.439C11.854 1.732 12 2.086 12 2.5C12 2.914 11.854 3.268 11.561 3.561C11.268 3.854 10.914 4 10.5 4C10.086 4 9.732 3.854 9.439 3.561C9.146 3.268 9 2.914 9 2.5C9 2.086 9.146 1.732 9.439 1.439C9.732 1.146 10.086 1 10.5 1ZM4 7.5C4 7.086 4.146 6.732 4.439 6.439C4.732 6.146 5.086 6 5.5 6C5.914 6 6.268 6.146 6.561 6.439C6.854 6.732 7 7.086 7 7.5C7 7.914 6.854 8.268 6.561 8.561C6.268 8.854 5.914 9 5.5 9C5.086 9 4.732 8.854 4.439 8.561C4.146 8.268 4 7.914 4 7.5ZM9 7.5C9 7.086 9.146 6.732 9.439 6.439C9.732 6.146 10.086 6 10.5 6C10.914 6 11.268 6.146 11.561 6.439C11.854 6.732 12 7.086 12 7.5C12 7.914 11.854 8.268 11.561 8.561C11.268 8.854 10.914 9 10.5 9C10.086 9 9.732 8.854 9.439 8.561C9.146 8.268 9 7.914 9 7.5ZM5.5 11C5.914 11 6.268 11.146 6.561 11.439C6.854 11.732 7 12.086 7 12.5C7 12.914 6.854 13.268 6.561 13.561C6.268 13.854 5.914 14 5.5 14C5.086 14 4.732 13.854 4.439 13.561C4.146 13.268 4 12.914 4 12.5C4 12.086 4.146 11.732 4.439 11.439C4.732 11.146 5.086 11 5.5 11ZM10.5 11C10.914 11 11.268 11.146 11.561 11.439C11.854 11.732 12 12.086 12 12.5C12 12.914 11.854 13.268 11.561 13.561C11.268 13.854 10.914 14 10.5 14C10.086 14 9.732 13.854 9.439 13.561C9.146 13.268 9 12.914 9 12.5C9 12.086 9.146 11.732 9.439 11.439C9.732 11.146 10.086 11 10.5 11Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5.5 1C5.914 1 6.268 1.146 6.561 1.439C6.854 1.732 7 2.086 7 2.5C7 2.914 6.854 3.268 6.561 3.561C6.268 3.854 5.914 4 5.5 4C5.086 4 4.732 3.854 4.439 3.561C4.146 3.268 4 2.914 4 2.5C4 2.086 4.146 1.732 4.439 1.439C4.732 1.146 5.086 1 5.5 1ZM10.5 1C10.914 1 11.268 1.146 11.561 1.439C11.854 1.732 12 2.086 12 2.5C12 2.914 11.854 3.268 11.561 3.561C11.268 3.854 10.914 4 10.5 4C10.086 4 9.732 3.854 9.439 3.561C9.146 3.268 9 2.914 9 2.5C9 2.086 9.146 1.732 9.439 1.439C9.732 1.146 10.086 1 10.5 1ZM4 7.5C4 7.086 4.146 6.732 4.439 6.439C4.732 6.146 5.086 6 5.5 6C5.914 6 6.268 6.146 6.561 6.439C6.854 6.732 7 7.086 7 7.5C7 7.914 6.854 8.268 6.561 8.561C6.268 8.854 5.914 9 5.5 9C5.086 9 4.732 8.854 4.439 8.561C4.146 8.268 4 7.914 4 7.5ZM9 7.5C9 7.086 9.146 6.732 9.439 6.439C9.732 6.146 10.086 6 10.5 6C10.914 6 11.268 6.146 11.561 6.439C11.854 6.732 12 7.086 12 7.5C12 7.914 11.854 8.268 11.561 8.561C11.268 8.854 10.914 9 10.5 9C10.086 9 9.732 8.854 9.439 8.561C9.146 8.268 9 7.914 9 7.5ZM5.5 11C5.914 11 6.268 11.146 6.561 11.439C6.854 11.732 7 12.086 7 12.5C7 12.914 6.854 13.268 6.561 13.561C6.268 13.854 5.914 14 5.5 14C5.086 14 4.732 13.854 4.439 13.561C4.146 13.268 4 12.914 4 12.5C4 12.086 4.146 11.732 4.439 11.439C4.732 11.146 5.086 11 5.5 11ZM10.5 11C10.914 11 11.268 11.146 11.561 11.439C11.854 11.732 12 12.086 12 12.5C12 12.914 11.854 13.268 11.561 13.561C11.268 13.854 10.914 14 10.5 14C10.086 14 9.732 13.854 9.439 13.561C9.146 13.268 9 12.914 9 12.5C9 12.086 9.146 11.732 9.439 11.439C9.732 11.146 10.086 11 10.5 11Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5.5 1C5.898 1 6.279 1.158 6.561 1.439C6.842 1.721 7 2.102 7 2.5C7 2.898 6.842 3.279 6.561 3.561C6.279 3.842 5.898 4 5.5 4C4.672 4 4 3.328 4 2.5C4 1.672 4.672 1 5.5 1ZM12 2.5C12 3.328 11.328 4 10.5 4C9.672 4 9 3.328 9 2.5C9 1.672 9.672 1 10.5 1C11.328 1 12 1.672 12 2.5ZM5.5 6C5.898 6 6.279 6.158 6.561 6.439C6.842 6.721 7 7.102 7 7.5C7 7.898 6.842 8.279 6.561 8.561C6.279 8.842 5.898 9 5.5 9C4.672 9 4 8.328 4 7.5C4 6.672 4.672 6 5.5 6ZM10.5 6C11.328 6 12 6.672 12 7.5C12 8.328 11.328 9 10.5 9C9.672 9 9 8.328 9 7.5C9 6.672 9.672 6 10.5 6ZM6.561 11.439C6.842 11.721 7 12.102 7 12.5C7 12.898 6.842 13.279 6.561 13.561C6.279 13.842 5.898 14 5.5 14C4.672 14 4 13.328 4 12.5C4 11.672 4.672 11 5.5 11C5.898 11 6.279 11.158 6.561 11.439ZM12 12.5C12 13.328 11.328 14 10.5 14C9.672 14 9 13.328 9 12.5C9 11.672 9.672 11 10.5 11C11.328 11 12 11.672 12 12.5Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/grip-vertical.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/grip-vertical.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/grip-vertical.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/grip-vertical.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/grip-vertical.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/grip-vertical.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/grip-vertical.png",
   "32": "https://gentleface.com/png/line-round/32/grip-vertical.png",
   "48": "https://gentleface.com/png/line-round/48/grip-vertical.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/grip-vertical.png",
   "32": "https://gentleface.com/png/line-soft/32/grip-vertical.png",
   "48": "https://gentleface.com/png/line-soft/48/grip-vertical.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/grip-vertical.png",
   "32": "https://gentleface.com/png/line-sharp/32/grip-vertical.png",
   "48": "https://gentleface.com/png/line-sharp/48/grip-vertical.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/grip-vertical.png",
   "32": "https://gentleface.com/png/solid-round/32/grip-vertical.png",
   "48": "https://gentleface.com/png/solid-round/48/grip-vertical.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/grip-vertical.png",
   "32": "https://gentleface.com/png/solid-soft/32/grip-vertical.png",
   "48": "https://gentleface.com/png/solid-soft/48/grip-vertical.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/grip-vertical.png",
   "32": "https://gentleface.com/png/solid-sharp/32/grip-vertical.png",
   "48": "https://gentleface.com/png/solid-sharp/48/grip-vertical.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}