{
 "name": "accordion",
 "title": "Accordion",
 "component": "AccordionIcon",
 "url": "https://gentleface.com/icons/accordion",
 "category": "layout",
 "motif": "layout",
 "added": "2026-10-19",
 "history": [
  {
   "date": "2026-10-19",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "cdafa8b3dd0b",
 "use_for": [
  "accordion",
  "collapsible sections",
  "collapsible",
  "expansion panel"
 ],
 "alternatives": [
  {
   "icon": "chevron-down",
   "why": "the expand action of one section (expand)",
   "concept": "accordion"
  }
 ],
 "family": [
  "breadcrumb",
  "breadcrumb-chevrons",
  "browser",
  "button",
  "cards",
  "carousel-horizontal",
  "carousel-vertical",
  "columns",
  "columns-gear",
  "dialog",
  "dropdown-menu",
  "form",
  "kanban",
  "layout",
  "layout-dashboard",
  "layout-dashboard-gear",
  "layout-dashboard-pencil",
  "layout-dashboard-plus",
  "layout-dashboard-sparkle",
  "likert-scale",
  "maximize",
  "minimize",
  "pagination",
  "panel-bottom",
  "panel-top",
  "picture-in-picture",
  "picture-in-picture-exit",
  "pin",
  "progress-bar",
  "rows",
  "rows-grouped",
  "sidebar",
  "sidebar-collapse",
  "sidebar-expand",
  "sidebar-right",
  "sidebar-right-collapse",
  "sidebar-right-expand",
  "slider",
  "snackbar",
  "stepper",
  "table-arrow-down",
  "table-arrow-up",
  "table-gear",
  "table-lock",
  "table-search",
  "table-sparkle",
  "tabs",
  "timeline",
  "toggle",
  "toggle-off",
  "tooltip",
  "user-interface",
  "window",
  "window-maximize",
  "window-maximize-square",
  "window-minimize",
  "window-minimize-square",
  "window-restore"
 ],
 "tags": [
  "accordion",
  "collapsible",
  "collapse",
  "expand",
  "expansion panel",
  "disclosure",
  "sections",
  "faq",
  "toggle sections",
  "ui",
  "component"
 ],
 "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=\"M15 3.5C15 3.638 14.951 3.756 14.854 3.854C14.754 3.953 14.636 4.003 14.5 4.003C14.364 4.003 14.246 3.953 14.146 3.854L12.5 2.207L10.854 3.854C10.754 3.953 10.636 4.003 10.5 4.003C10.364 4.003 10.246 3.953 10.146 3.854C10.049 3.756 10 3.638 10 3.5C10 3.362 10.049 3.244 10.146 3.146L12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.951 3.244 15 3.362 15 3.5ZM1.144 2.856C1.048 2.759 1 2.641 1 2.5C1 2.359 1.048 2.241 1.144 2.144C1.241 2.048 1.359 2 1.5 2L7.5 2C7.641 2 7.759 2.048 7.856 2.144C7.952 2.241 8 2.359 8 2.5C8 2.641 7.952 2.759 7.856 2.856C7.759 2.952 7.641 3 7.5 3L1.5 3C1.359 3 1.241 2.952 1.144 2.856ZM3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5ZM8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L3.5 9C3.359 9 3.241 8.952 3.144 8.856C3.048 8.759 3 8.641 3 8.5C3 8.359 3.048 8.241 3.144 8.144C3.241 8.048 3.359 8 3.5 8L8.5 8C8.641 8 8.759 8.048 8.856 8.144ZM14.146 11.146C14.246 11.047 14.364 10.997 14.5 10.997C14.636 10.997 14.754 11.047 14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854L10.146 11.854C10.047 11.754 9.997 11.636 9.997 11.5C9.997 11.364 10.047 11.246 10.146 11.146C10.246 11.047 10.364 10.997 10.5 10.997C10.636 10.997 10.754 11.047 10.854 11.146L12.5 12.793L14.146 11.146ZM7.5 13L1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5C1 12.359 1.048 12.241 1.144 12.144C1.241 12.048 1.359 12 1.5 12L7.5 12C7.641 12 7.759 12.048 7.856 12.144C7.952 12.241 8 12.359 8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 3.5C15 3.638 14.951 3.756 14.854 3.854C14.754 3.953 14.636 4.003 14.5 4.003C14.364 4.003 14.246 3.953 14.146 3.854L12.5 2.207L10.854 3.854C10.754 3.953 10.636 4.003 10.5 4.003C10.364 4.003 10.246 3.953 10.146 3.854C10.049 3.756 10 3.638 10 3.5C10 3.362 10.049 3.244 10.146 3.146L12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.951 3.244 15 3.362 15 3.5ZM1.144 2.856C1.048 2.759 1 2.641 1 2.5C1 2.359 1.048 2.241 1.144 2.144C1.241 2.048 1.359 2 1.5 2L7.5 2C7.641 2 7.759 2.048 7.856 2.144C7.952 2.241 8 2.359 8 2.5C8 2.641 7.952 2.759 7.856 2.856C7.759 2.952 7.641 3 7.5 3L1.5 3C1.359 3 1.241 2.952 1.144 2.856ZM3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5ZM8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L3.5 9C3.359 9 3.241 8.952 3.144 8.856C3.048 8.759 3 8.641 3 8.5C3 8.359 3.048 8.241 3.144 8.144C3.241 8.048 3.359 8 3.5 8L8.5 8C8.641 8 8.759 8.048 8.856 8.144ZM14.146 11.146C14.246 11.047 14.364 10.997 14.5 10.997C14.636 10.997 14.754 11.047 14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854L10.146 11.854C10.047 11.754 9.997 11.636 9.997 11.5C9.997 11.364 10.047 11.246 10.146 11.146C10.246 11.047 10.364 10.997 10.5 10.997C10.636 10.997 10.754 11.047 10.854 11.146L12.5 12.793L14.146 11.146ZM7.5 13L1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5C1 12.359 1.048 12.241 1.144 12.144C1.241 12.048 1.359 12 1.5 12L7.5 12C7.641 12 7.759 12.048 7.856 12.144C7.952 12.241 8 12.359 8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M12.707 1L14.854 3.146L14.146 3.854L12.5 2.207L10.854 3.854L10.146 3.146L12.293 1L12.707 1ZM1 2L8 2L8 3L1 3L1 2ZM1 12L8 12L8 13L1 13L1 12ZM12 6L12 7L3 7L3 6L12 6ZM3 8L9 8L9 9L3 9L3 8ZM10.854 11.146L12.5 12.793L14.146 11.146L14.854 11.854L12.5 14.207L10.146 11.854L10.854 11.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=\"M10.146 3.146L12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.951 3.244 15 3.362 15 3.5C15 3.638 14.951 3.756 14.854 3.854C14.754 3.953 14.636 4.003 14.5 4.003C14.364 4.003 14.246 3.953 14.146 3.854L12.5 2.207L10.854 3.854C10.754 3.953 10.636 4.003 10.5 4.003C10.364 4.003 10.246 3.953 10.146 3.854C10.049 3.756 10 3.638 10 3.5C10 3.362 10.049 3.244 10.146 3.146ZM7.5 2C7.641 2 7.759 2.048 7.856 2.144C7.952 2.241 8 2.359 8 2.5C8 2.641 7.952 2.759 7.856 2.856C7.759 2.952 7.641 3 7.5 3L1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5C1 2.359 1.048 2.241 1.144 2.144C1.241 2.048 1.359 2 1.5 2L7.5 2ZM3.144 6.856C3.048 6.759 3 6.641 3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856ZM3.5 9C3.359 9 3.241 8.952 3.144 8.856C3.048 8.759 3 8.641 3 8.5C3 8.359 3.048 8.241 3.144 8.144C3.241 8.048 3.359 8 3.5 8L8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L3.5 9ZM14.146 11.146C14.246 11.047 14.364 10.997 14.5 10.997C14.636 10.997 14.754 11.047 14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854L10.146 11.854C10.047 11.754 9.997 11.636 9.997 11.5C9.997 11.364 10.047 11.246 10.146 11.146C10.246 11.047 10.364 10.997 10.5 10.997C10.636 10.997 10.754 11.047 10.854 11.146L12.5 12.793L14.146 11.146ZM1.144 12.144C1.241 12.048 1.359 12 1.5 12L7.5 12C7.641 12 7.759 12.048 7.856 12.144C7.952 12.241 8 12.359 8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13L1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5C1 12.359 1.048 12.241 1.144 12.144Z\"/></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.146 3.146L12.146 1.146C12.246 1.047 12.364 0.997 12.5 0.997C12.636 0.997 12.754 1.047 12.854 1.146L14.854 3.146C14.951 3.244 15 3.362 15 3.5C15 3.638 14.951 3.756 14.854 3.854C14.754 3.953 14.636 4.003 14.5 4.003C14.364 4.003 14.246 3.953 14.146 3.854L12.5 2.207L10.854 3.854C10.754 3.953 10.636 4.003 10.5 4.003C10.364 4.003 10.246 3.953 10.146 3.854C10.049 3.756 10 3.638 10 3.5C10 3.362 10.049 3.244 10.146 3.146ZM7.5 2C7.641 2 7.759 2.048 7.856 2.144C7.952 2.241 8 2.359 8 2.5C8 2.641 7.952 2.759 7.856 2.856C7.759 2.952 7.641 3 7.5 3L1.5 3C1.359 3 1.241 2.952 1.144 2.856C1.048 2.759 1 2.641 1 2.5C1 2.359 1.048 2.241 1.144 2.144C1.241 2.048 1.359 2 1.5 2L7.5 2ZM3.144 6.856C3.048 6.759 3 6.641 3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.641 11.952 6.759 11.856 6.856C11.759 6.952 11.641 7 11.5 7L3.5 7C3.359 7 3.241 6.952 3.144 6.856ZM3.5 9C3.359 9 3.241 8.952 3.144 8.856C3.048 8.759 3 8.641 3 8.5C3 8.359 3.048 8.241 3.144 8.144C3.241 8.048 3.359 8 3.5 8L8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L3.5 9ZM14.146 11.146C14.246 11.047 14.364 10.997 14.5 10.997C14.636 10.997 14.754 11.047 14.854 11.146C14.953 11.246 15.003 11.364 15.003 11.5C15.003 11.636 14.953 11.754 14.854 11.854L12.854 13.854C12.754 13.953 12.636 14.003 12.5 14.003C12.364 14.003 12.246 13.953 12.146 13.854L10.146 11.854C10.047 11.754 9.997 11.636 9.997 11.5C9.997 11.364 10.047 11.246 10.146 11.146C10.246 11.047 10.364 10.997 10.5 10.997C10.636 10.997 10.754 11.047 10.854 11.146L12.5 12.793L14.146 11.146ZM1.144 12.144C1.241 12.048 1.359 12 1.5 12L7.5 12C7.641 12 7.759 12.048 7.856 12.144C7.952 12.241 8 12.359 8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13L1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5C1 12.359 1.048 12.241 1.144 12.144Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M12.293 1L12.707 1L14.854 3.146L14.146 3.854L12.5 2.207L10.854 3.854L10.146 3.146L12.293 1ZM1 13L1 12L8 12L8 13L1 13ZM1 3L1 2L8 2L8 3L1 3ZM12 6L12 7L3 7L3 6L12 6ZM9 9L3 9L3 8L9 8L9 9ZM14.146 11.146L14.854 11.854L12.5 14.207L10.146 11.854L10.854 11.146L12.5 12.793L14.146 11.146Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/accordion.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/accordion.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/accordion.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/accordion.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/accordion.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/accordion.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/accordion.png",
   "32": "https://gentleface.com/png/line-round/32/accordion.png",
   "48": "https://gentleface.com/png/line-round/48/accordion.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/accordion.png",
   "32": "https://gentleface.com/png/line-soft/32/accordion.png",
   "48": "https://gentleface.com/png/line-soft/48/accordion.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/accordion.png",
   "32": "https://gentleface.com/png/line-sharp/32/accordion.png",
   "48": "https://gentleface.com/png/line-sharp/48/accordion.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/accordion.png",
   "32": "https://gentleface.com/png/solid-round/32/accordion.png",
   "48": "https://gentleface.com/png/solid-round/48/accordion.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/accordion.png",
   "32": "https://gentleface.com/png/solid-soft/32/accordion.png",
   "48": "https://gentleface.com/png/solid-soft/48/accordion.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/accordion.png",
   "32": "https://gentleface.com/png/solid-sharp/32/accordion.png",
   "48": "https://gentleface.com/png/solid-sharp/48/accordion.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}