{
 "name": "chevrons-up-down",
 "title": "Chevrons up down",
 "component": "ChevronsUpDownIcon",
 "url": "https://gentleface.com/icons/chevrons-up-down",
 "category": "arrows",
 "motif": "chevron",
 "added": "2026-10-14",
 "history": [
  {
   "date": "2026-10-14",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "2c192926b66d",
 "use_for": [
  "select",
  "dropdown",
  "expand collapse",
  "selector",
  "select menu",
  "dropdown indicator",
  "unfold more",
  "expand all",
  "show more"
 ],
 "alternatives": [
  {
   "icon": "input-select",
   "why": "the whole closed select field in a form builder (select-field)",
   "concept": "dropdown"
  },
  {
   "icon": "chevron-down",
   "why": "the arrow of a menu button or a split button (open-menu)",
   "concept": "dropdown"
  },
  {
   "icon": "dropdown-menu",
   "why": "the open menu with its list of items (dropdown-menu)",
   "concept": "dropdown"
  },
  {
   "icon": "chevrons-down-up",
   "why": "the collapse half of the pair (show-less)",
   "concept": "expand-collapse"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "arrow-up-down",
   "why": "two opposed arrows mean swap (swap-vertical), not a select",
   "concept": "dropdown"
  },
  {
   "icon": "sort",
   "why": "sort orders a list by a key (sort)",
   "concept": "dropdown"
  }
 ],
 "also_fits": [
  {
   "concept": "open-menu",
   "owner": "chevron-down",
   "why": "the indicator of a select field (dropdown)"
  },
  {
   "concept": "dropdown-menu",
   "owner": "dropdown-menu",
   "why": "the bare dropdown indicator on a field (dropdown)"
  },
  {
   "concept": "select-field",
   "owner": "input-select",
   "why": "the bare indicator inside an existing field (dropdown)"
  },
  {
   "concept": "expand-list",
   "owner": "list-expand",
   "why": "expand all sections of a page (expand-all)"
  }
 ],
 "family": [
  "chevron-down",
  "chevron-down-triangle",
  "chevron-left",
  "chevron-left-to-line",
  "chevron-left-triangle",
  "chevron-right",
  "chevron-right-to-line",
  "chevron-right-triangle",
  "chevron-up",
  "chevron-up-triangle",
  "chevrons-down",
  "chevrons-down-up",
  "chevrons-left",
  "chevrons-right",
  "chevrons-up"
 ],
 "tags": [
  "caret",
  "selector",
  "unfold",
  "sort",
  "up-down"
 ],
 "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=\"M10.854 5.146C10.951 5.244 11 5.362 11 5.5C11 5.638 10.951 5.756 10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L7.5 3.207L4.854 5.854C4.754 5.953 4.636 6.003 4.5 6.003C4.364 6.003 4.246 5.953 4.146 5.854C4.047 5.754 3.997 5.636 3.997 5.5C3.997 5.364 4.047 5.246 4.146 5.146L7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146L10.854 5.146ZM10.146 9.146C10.246 9.047 10.364 8.997 10.5 8.997C10.636 8.997 10.754 9.047 10.854 9.146C10.953 9.246 11.003 9.364 11.003 9.5C11.003 9.636 10.953 9.754 10.854 9.854L7.854 12.854C7.754 12.953 7.636 13.003 7.5 13.003C7.364 13.003 7.246 12.953 7.146 12.854L4.146 9.854C4.047 9.754 3.997 9.636 3.997 9.5C3.997 9.364 4.047 9.246 4.146 9.146C4.244 9.049 4.362 9 4.5 9C4.638 9 4.756 9.049 4.854 9.146L7.5 11.793L10.146 9.146Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M10.854 5.146C10.951 5.244 11 5.362 11 5.5C11 5.638 10.951 5.756 10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L7.5 3.207L4.854 5.854C4.754 5.953 4.636 6.003 4.5 6.003C4.364 6.003 4.246 5.953 4.146 5.854C4.047 5.754 3.997 5.636 3.997 5.5C3.997 5.364 4.047 5.246 4.146 5.146L7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146L10.854 5.146ZM10.146 9.146C10.246 9.047 10.364 8.997 10.5 8.997C10.636 8.997 10.754 9.047 10.854 9.146C10.953 9.246 11.003 9.364 11.003 9.5C11.003 9.636 10.953 9.754 10.854 9.854L7.854 12.854C7.754 12.953 7.636 13.003 7.5 13.003C7.364 13.003 7.246 12.953 7.146 12.854L4.146 9.854C4.047 9.754 3.997 9.636 3.997 9.5C3.997 9.364 4.047 9.246 4.146 9.146C4.244 9.049 4.362 9 4.5 9C4.638 9 4.756 9.049 4.854 9.146L7.5 11.793L10.146 9.146Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.5 1.793L10.854 5.146L10.146 5.854L7.5 3.207L4.854 5.854L4.146 5.146L7.5 1.793ZM4.854 9.146L7.5 11.793L10.146 9.146L10.854 9.854L7.5 13.207L4.146 9.854L4.854 9.146Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146L10.854 5.146C10.951 5.244 11 5.362 11 5.5C11 5.638 10.951 5.756 10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L7.5 3.207L4.854 5.854C4.754 5.953 4.636 6.003 4.5 6.003C4.364 6.003 4.246 5.953 4.146 5.854C4.047 5.754 3.997 5.636 3.997 5.5C3.997 5.364 4.047 5.246 4.146 5.146L7.146 2.146ZM10.146 9.146C10.246 9.047 10.364 8.997 10.5 8.997C10.636 8.997 10.754 9.047 10.854 9.146C10.953 9.246 11.003 9.364 11.003 9.5C11.003 9.636 10.953 9.754 10.854 9.854L7.854 12.854C7.754 12.953 7.636 13.003 7.5 13.003C7.364 13.003 7.246 12.953 7.146 12.854L4.146 9.854C4.047 9.754 3.997 9.636 3.997 9.5C3.997 9.364 4.047 9.246 4.146 9.146C4.244 9.049 4.362 9 4.5 9C4.638 9 4.756 9.049 4.854 9.146L7.5 11.793L10.146 9.146Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146L10.854 5.146C10.951 5.244 11 5.362 11 5.5C11 5.638 10.951 5.756 10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L7.5 3.207L4.854 5.854C4.754 5.953 4.636 6.003 4.5 6.003C4.364 6.003 4.246 5.953 4.146 5.854C4.047 5.754 3.997 5.636 3.997 5.5C3.997 5.364 4.047 5.246 4.146 5.146L7.146 2.146ZM10.146 9.146C10.246 9.047 10.364 8.997 10.5 8.997C10.636 8.997 10.754 9.047 10.854 9.146C10.953 9.246 11.003 9.364 11.003 9.5C11.003 9.636 10.953 9.754 10.854 9.854L7.854 12.854C7.754 12.953 7.636 13.003 7.5 13.003C7.364 13.003 7.246 12.953 7.146 12.854L4.146 9.854C4.047 9.754 3.997 9.636 3.997 9.5C3.997 9.364 4.047 9.246 4.146 9.146C4.244 9.049 4.362 9 4.5 9C4.638 9 4.756 9.049 4.854 9.146L7.5 11.793L10.146 9.146Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.5 1.793L10.854 5.146L10.146 5.854L7.5 3.207L4.854 5.854L4.146 5.146L7.5 1.793ZM10.146 9.146L10.854 9.854L7.5 13.207L4.146 9.854L4.854 9.146L7.5 11.793L10.146 9.146Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/chevrons-up-down.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/chevrons-up-down.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/chevrons-up-down.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/chevrons-up-down.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/chevrons-up-down.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/chevrons-up-down.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/chevrons-up-down.png",
   "32": "https://gentleface.com/png/line-round/32/chevrons-up-down.png",
   "48": "https://gentleface.com/png/line-round/48/chevrons-up-down.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/chevrons-up-down.png",
   "32": "https://gentleface.com/png/line-soft/32/chevrons-up-down.png",
   "48": "https://gentleface.com/png/line-soft/48/chevrons-up-down.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/chevrons-up-down.png",
   "32": "https://gentleface.com/png/line-sharp/32/chevrons-up-down.png",
   "48": "https://gentleface.com/png/line-sharp/48/chevrons-up-down.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/chevrons-up-down.png",
   "32": "https://gentleface.com/png/solid-round/32/chevrons-up-down.png",
   "48": "https://gentleface.com/png/solid-round/48/chevrons-up-down.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/chevrons-up-down.png",
   "32": "https://gentleface.com/png/solid-soft/32/chevrons-up-down.png",
   "48": "https://gentleface.com/png/solid-soft/48/chevrons-up-down.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/chevrons-up-down.png",
   "32": "https://gentleface.com/png/solid-sharp/32/chevrons-up-down.png",
   "48": "https://gentleface.com/png/solid-sharp/48/chevrons-up-down.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}