{
 "name": "toggle",
 "title": "Toggle",
 "component": "ToggleIcon",
 "url": "https://gentleface.com/icons/toggle",
 "category": "layout",
 "motif": "layout",
 "added": "2026-10-14",
 "history": [
  {
   "date": "2026-10-14",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "16d7c05109b3",
 "use_for": [
  "toggle",
  "toggle on",
  "enabled",
  "switch on",
  "toggle switch"
 ],
 "alternatives": [
  {
   "icon": "toggle-off",
   "why": "the off state (toggle-off)",
   "concept": "toggle"
  },
  {
   "icon": "checkbox",
   "why": "a check box in a form (checkbox)",
   "concept": "toggle"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "arrow-left-right",
   "why": "arrow-left-right owns switch as in swap (swap), not on/off",
   "concept": "toggle"
  }
 ],
 "also_fits": [
  {
   "concept": "toggle-off",
   "owner": "toggle-off",
   "why": "the on state (toggle-on)"
  }
 ],
 "not_for": [
  {
   "concept": "swap",
   "owner": "arrow-left-right",
   "why": "toggle is an on/off switch control, not swapping two things"
  },
  {
   "concept": "light-switch",
   "owner": "light-switch",
   "why": "toggle is the UI switch control"
  },
  {
   "concept": "progress-bar",
   "owner": "progress-bar",
   "why": "a capsule with a knob is the on/off switch"
  },
  {
   "concept": "segmented-control",
   "owner": "segmented-control",
   "why": "toggle is a two-state switch with a knob"
  },
  {
   "concept": "slider",
   "owner": "slider",
   "why": "an on/off switch (toggle)"
  },
  {
   "concept": "feature-flag",
   "owner": "flag-code",
   "why": "the UI switch control"
  }
 ],
 "family": [
  "browser",
  "cards",
  "columns",
  "columns-gear",
  "kanban",
  "layout",
  "layout-dashboard",
  "layout-dashboard-gear",
  "layout-dashboard-pencil",
  "layout-dashboard-plus",
  "layout-dashboard-sparkle",
  "maximize",
  "minimize",
  "panel-bottom",
  "picture-in-picture",
  "picture-in-picture-exit",
  "pin",
  "rows",
  "sidebar",
  "sidebar-collapse",
  "sidebar-expand",
  "sidebar-right",
  "table-arrow-down",
  "table-arrow-up",
  "table-gear",
  "table-lock",
  "table-search",
  "table-sparkle",
  "tabs",
  "timeline",
  "toggle-off",
  "window"
 ],
 "tags": [
  "toggle",
  "switch",
  "on",
  "enabled",
  "setting",
  "option",
  "active"
 ],
 "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=\"M11.84 3.351C12.482 3.605 13.047 3.976 13.536 4.464C14.024 4.953 14.395 5.518 14.649 6.16C14.883 6.751 15 7.364 15 8C15 8.636 14.883 9.249 14.649 9.84C14.395 10.482 14.024 11.047 13.536 11.536C13.047 12.024 12.482 12.395 11.84 12.649C11.249 12.883 10.636 13 10 13L6 13C5.364 13 4.751 12.883 4.16 12.649C3.518 12.395 2.953 12.024 2.464 11.536C1.976 11.047 1.605 10.482 1.351 9.84C1.117 9.249 1 8.636 1 8C1 7.364 1.117 6.751 1.351 6.16C1.605 5.518 1.976 4.953 2.464 4.464C2.953 3.976 3.518 3.605 4.16 3.351C4.751 3.117 5.364 3 6 3L10 3C10.636 3 11.249 3.117 11.84 3.351ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M11.84 3.351C12.482 3.605 13.047 3.976 13.536 4.464C14.024 4.953 14.395 5.518 14.649 6.16C14.883 6.751 15 7.364 15 8C15 8.636 14.883 9.249 14.649 9.84C14.395 10.482 14.024 11.047 13.536 11.536C13.047 12.024 12.482 12.395 11.84 12.649C11.249 12.883 10.636 13 10 13L6 13C5.364 13 4.751 12.883 4.16 12.649C3.518 12.395 2.953 12.024 2.464 11.536C1.976 11.047 1.605 10.482 1.351 9.84C1.117 9.249 1 8.636 1 8C1 7.364 1.117 6.751 1.351 6.16C1.605 5.518 1.976 4.953 2.464 4.464C2.953 3.976 3.518 3.605 4.16 3.351C4.751 3.117 5.364 3 6 3L10 3C10.636 3 11.249 3.117 11.84 3.351ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 8C15 10.761 12.761 13 10 13L6 13C3.239 13 1 10.761 1 8C1 5.239 3.239 3 6 3L10 3C12.761 3 15 5.239 15 8ZM8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6C8.895 6 8 6.895 8 8Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M10 3C10.636 3 11.249 3.117 11.84 3.351C12.482 3.605 13.047 3.976 13.536 4.464C14.024 4.953 14.395 5.518 14.649 6.16C14.883 6.751 15 7.364 15 8C15 8.636 14.883 9.249 14.649 9.84C14.395 10.482 14.024 11.047 13.536 11.536C13.047 12.024 12.482 12.395 11.84 12.649C11.249 12.883 10.636 13 10 13L6 13C5.364 13 4.751 12.883 4.16 12.649C3.518 12.395 2.953 12.024 2.464 11.536C1.976 11.047 1.605 10.482 1.351 9.84C1.117 9.249 1 8.636 1 8C1 7.364 1.117 6.751 1.351 6.16C1.605 5.518 1.976 4.953 2.464 4.464C2.953 3.976 3.518 3.605 4.16 3.351C4.751 3.117 5.364 3 6 3L10 3ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M10 3C10.636 3 11.249 3.117 11.84 3.351C12.482 3.605 13.047 3.976 13.536 4.464C14.024 4.953 14.395 5.518 14.649 6.16C14.883 6.751 15 7.364 15 8C15 8.636 14.883 9.249 14.649 9.84C14.395 10.482 14.024 11.047 13.536 11.536C13.047 12.024 12.482 12.395 11.84 12.649C11.249 12.883 10.636 13 10 13L6 13C5.364 13 4.751 12.883 4.16 12.649C3.518 12.395 2.953 12.024 2.464 11.536C1.976 11.047 1.605 10.482 1.351 9.84C1.117 9.249 1 8.636 1 8C1 7.364 1.117 6.751 1.351 6.16C1.605 5.518 1.976 4.953 2.464 4.464C2.953 3.976 3.518 3.605 4.16 3.351C4.751 3.117 5.364 3 6 3L10 3ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 8C15 10.761 12.761 13 10 13L6 13C3.239 13 1 10.761 1 8C1 5.239 3.239 3 6 3L10 3C12.761 3 15 5.239 15 8ZM8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6C8.895 6 8 6.895 8 8Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/toggle.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/toggle.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/toggle.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/toggle.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/toggle.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/toggle.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/toggle.png",
   "32": "https://gentleface.com/png/line-round/32/toggle.png",
   "48": "https://gentleface.com/png/line-round/48/toggle.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/toggle.png",
   "32": "https://gentleface.com/png/line-soft/32/toggle.png",
   "48": "https://gentleface.com/png/line-soft/48/toggle.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/toggle.png",
   "32": "https://gentleface.com/png/line-sharp/32/toggle.png",
   "48": "https://gentleface.com/png/line-sharp/48/toggle.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/toggle.png",
   "32": "https://gentleface.com/png/solid-round/32/toggle.png",
   "48": "https://gentleface.com/png/solid-round/48/toggle.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/toggle.png",
   "32": "https://gentleface.com/png/solid-soft/32/toggle.png",
   "48": "https://gentleface.com/png/solid-soft/48/toggle.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/toggle.png",
   "32": "https://gentleface.com/png/solid-sharp/32/toggle.png",
   "48": "https://gentleface.com/png/solid-sharp/48/toggle.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}