{
 "name": "button",
 "title": "Button",
 "component": "ButtonIcon",
 "url": "https://gentleface.com/icons/button",
 "category": "layout",
 "motif": "layout",
 "added": "2026-10-19",
 "history": [
  {
   "date": "2026-10-19",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "6a7236da12c1",
 "use_for": [
  "button element",
  "insert button",
  "button",
  "button component"
 ],
 "alternatives": [
  {
   "icon": "segmented-control",
   "why": "several joined buttons (button-group)",
   "concept": "button-element"
  }
 ],
 "family": [
  "accordion",
  "breadcrumb",
  "breadcrumb-chevrons",
  "browser",
  "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": [
  "button",
  "ui",
  "component",
  "form control",
  "cta",
  "call to action",
  "submit",
  "action button",
  "control",
  "wireframe",
  "form"
 ],
 "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=\"M14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 6C1 5.746 1.047 5.5 1.14 5.264C1.242 5.007 1.391 4.781 1.586 4.586C1.781 4.391 2.007 4.242 2.264 4.14C2.5 4.047 2.746 4 3 4L13 4C13.254 4 13.5 4.047 13.736 4.14C13.993 4.242 14.219 4.391 14.414 4.586C14.609 4.781 14.758 5.007 14.86 5.264C14.953 5.5 15 5.746 15 6L15 9C15 9.254 14.953 9.5 14.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414ZM2.293 9.707C2.488 9.902 2.724 10 3 10L13 10C13.276 10 13.512 9.902 13.707 9.707C13.902 9.512 14 9.276 14 9L14 6C14 5.724 13.902 5.488 13.707 5.293C13.512 5.098 13.276 5 13 5L3 5C2.724 5 2.488 5.098 2.293 5.293C2.098 5.488 2 5.724 2 6L2 9C2 9.276 2.098 9.512 2.293 9.707ZM5.144 7.856C5.048 7.759 5 7.641 5 7.5C5 7.359 5.048 7.241 5.144 7.144C5.241 7.048 5.359 7 5.5 7L10.5 7C10.641 7 10.759 7.048 10.856 7.144C10.952 7.241 11 7.359 11 7.5C11 7.641 10.952 7.759 10.856 7.856C10.759 7.952 10.641 8 10.5 8L5.5 8C5.359 8 5.241 7.952 5.144 7.856Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 10C15 10.276 14.902 10.512 14.707 10.707C14.512 10.902 14.276 11 14 11ZM14 10L14 5L2 5L2 10L14 10ZM5.144 7.856C5.048 7.759 5 7.641 5 7.5C5 7.359 5.048 7.241 5.144 7.144C5.241 7.048 5.359 7 5.5 7L10.5 7C10.641 7 10.759 7.048 10.856 7.144C10.952 7.241 11 7.359 11 7.5C11 7.641 10.952 7.759 10.856 7.856C10.759 7.952 10.641 8 10.5 8L5.5 8C5.359 8 5.241 7.952 5.144 7.856Z\"/></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 4L15 11L1 11L1 4L15 4ZM2 10L14 10L14 5L2 5L2 10ZM5 7L11 7L11 8L5 8L5 7Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13 4C13.254 4 13.5 4.047 13.736 4.14C13.993 4.242 14.219 4.391 14.414 4.586C14.609 4.781 14.758 5.007 14.86 5.264C14.953 5.5 15 5.746 15 6L15 9C15 9.254 14.953 9.5 14.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 6C1 5.746 1.047 5.5 1.14 5.264C1.242 5.007 1.391 4.781 1.586 4.586C1.781 4.391 2.007 4.242 2.264 4.14C2.5 4.047 2.746 4 3 4L13 4ZM5.5 7C5.224 7 5 7.224 5 7.5C5 7.776 5.224 8 5.5 8L10.5 8C10.776 8 11 7.776 11 7.5C11 7.224 10.776 7 10.5 7L5.5 7Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 10C15 10.276 14.902 10.512 14.707 10.707C14.512 10.902 14.276 11 14 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L14 4ZM5.5 7C5.224 7 5 7.224 5 7.5C5 7.776 5.224 8 5.5 8L10.5 8C10.776 8 11 7.776 11 7.5C11 7.224 10.776 7 10.5 7L5.5 7Z\"/></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 4L15 11L1 11L1 4L15 4ZM11 7L5 7L5 8L11 8L11 7Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/button.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/button.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/button.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/button.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/button.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/button.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/button.png",
   "32": "https://gentleface.com/png/line-round/32/button.png",
   "48": "https://gentleface.com/png/line-round/48/button.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/button.png",
   "32": "https://gentleface.com/png/line-soft/32/button.png",
   "48": "https://gentleface.com/png/line-soft/48/button.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/button.png",
   "32": "https://gentleface.com/png/line-sharp/32/button.png",
   "48": "https://gentleface.com/png/line-sharp/48/button.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/button.png",
   "32": "https://gentleface.com/png/solid-round/32/button.png",
   "48": "https://gentleface.com/png/solid-round/48/button.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/button.png",
   "32": "https://gentleface.com/png/solid-soft/32/button.png",
   "48": "https://gentleface.com/png/solid-soft/48/button.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/button.png",
   "32": "https://gentleface.com/png/solid-sharp/32/button.png",
   "48": "https://gentleface.com/png/solid-sharp/48/button.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}