{
 "name": "tooltip",
 "title": "Tooltip",
 "component": "TooltipIcon",
 "url": "https://gentleface.com/icons/tooltip",
 "category": "layout",
 "motif": "layout",
 "added": "2026-10-19",
 "history": [
  {
   "date": "2026-10-19",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "c7450776ecc1",
 "use_for": [
  "tooltip",
  "callout",
  "popover",
  "hint bubble",
  "callout block"
 ],
 "alternatives": [
  {
   "icon": "info",
   "why": "an info icon that reveals help (info)",
   "concept": "tooltip"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "message",
   "why": "a speech bubble means a message or a comment",
   "concept": "tooltip"
  }
 ],
 "also_fits": [
  {
   "concept": "dialog",
   "owner": "dialog",
   "why": "a small hint bubble on hover (tooltip)"
  }
 ],
 "not_for": [
  {
   "concept": "hover",
   "owner": "cursor-hover",
   "why": "tooltip is the hint that appears on hover, not the hover trigger"
  }
 ],
 "family": [
  "accordion",
  "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",
  "user-interface",
  "window",
  "window-maximize",
  "window-maximize-square",
  "window-minimize",
  "window-minimize-square",
  "window-restore"
 ],
 "tags": [
  "tooltip",
  "tool tip",
  "hint",
  "popover",
  "callout",
  "hover text",
  "help text",
  "info bubble",
  "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=\"M13.414 10.414C13.219 10.609 12.993 10.758 12.736 10.86C12.5 10.953 12.254 11 12 11L10.5 11C10.246 11 10.002 11.049 9.767 11.146C9.533 11.243 9.326 11.381 9.146 11.561L8.854 11.854C8.681 12.026 8.484 12.16 8.26 12.257C8.018 12.362 7.764 12.414 7.5 12.414C7.236 12.414 6.982 12.362 6.74 12.257C6.516 12.16 6.319 12.026 6.146 11.854L5.854 11.561C5.674 11.381 5.467 11.243 5.233 11.146C4.998 11.049 4.754 11 4.5 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 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L12 2C12.254 2 12.5 2.047 12.736 2.14C12.993 2.242 13.219 2.391 13.414 2.586C13.609 2.781 13.758 3.007 13.86 3.264C13.953 3.5 14 3.746 14 4L14 9C14 9.254 13.953 9.5 13.86 9.736C13.758 9.993 13.609 10.219 13.414 10.414ZM2.293 9.707C2.488 9.902 2.724 10 3 10L4.5 10C4.886 10 5.258 10.074 5.615 10.222C5.972 10.37 6.287 10.58 6.561 10.854L6.854 11.146C7.032 11.325 7.248 11.414 7.5 11.414C7.752 11.414 7.968 11.325 8.146 11.146L8.439 10.854C8.713 10.58 9.028 10.37 9.385 10.222C9.742 10.074 10.114 10 10.5 10L12 10C12.276 10 12.512 9.902 12.707 9.707C12.902 9.512 13 9.276 13 9L13 4C13 3.724 12.902 3.488 12.707 3.293C12.512 3.098 12.276 3 12 3L3 3C2.724 3 2.488 3.098 2.293 3.293C2.098 3.488 2 3.724 2 4L2 9C2 9.276 2.098 9.512 2.293 9.707ZM4.144 6.856C4.048 6.759 4 6.641 4 6.5C4 6.359 4.048 6.241 4.144 6.144C4.241 6.048 4.359 6 4.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.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=\"M13 11L10.5 11C10.246 11 10.002 11.049 9.767 11.146C9.533 11.243 9.326 11.381 9.146 11.561L8.207 12.5C8.012 12.695 7.776 12.793 7.5 12.793C7.224 12.793 6.988 12.695 6.793 12.5L5.854 11.561C5.674 11.381 5.467 11.243 5.233 11.146C4.998 11.049 4.754 11 4.5 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 3C1 2.724 1.098 2.488 1.293 2.293C1.488 2.098 1.724 2 2 2L13 2C13.276 2 13.512 2.098 13.707 2.293C13.902 2.488 14 2.724 14 3L14 10C14 10.276 13.902 10.512 13.707 10.707C13.512 10.902 13.276 11 13 11ZM4.5 10C4.886 10 5.258 10.074 5.615 10.222C5.972 10.37 6.287 10.58 6.561 10.854L7.5 11.793L8.439 10.854C8.713 10.58 9.028 10.37 9.385 10.222C9.742 10.074 10.114 10 10.5 10L13 10L13 3L2 3L2 10L4.5 10ZM4.144 6.856C4.048 6.759 4 6.641 4 6.5C4 6.359 4.048 6.241 4.144 6.144C4.241 6.048 4.359 6 4.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.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=\"M1 11L1 2L14 2L14 11L10.5 11C10.246 11 10.002 11.049 9.767 11.146C9.533 11.243 9.326 11.381 9.146 11.561L7.5 13.207L5.854 11.561C5.674 11.381 5.467 11.243 5.233 11.146C4.998 11.049 4.754 11 4.5 11L1 11ZM2 3L2 10L4.5 10C4.886 10 5.258 10.074 5.615 10.222C5.972 10.37 6.287 10.58 6.561 10.854L7.5 11.793L8.439 10.854C8.713 10.58 9.028 10.37 9.385 10.222C9.742 10.074 10.114 10 10.5 10L13 10L13 3L2 3ZM11 6L11 7L4 7L4 6L11 6Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M12 2C12.254 2 12.5 2.047 12.736 2.14C12.993 2.242 13.219 2.391 13.414 2.586C13.609 2.781 13.758 3.007 13.86 3.264C13.953 3.5 14 3.746 14 4L14 9C14 9.254 13.953 9.5 13.86 9.736C13.758 9.993 13.609 10.219 13.414 10.414C13.219 10.609 12.993 10.758 12.736 10.86C12.5 10.953 12.254 11 12 11L10.5 11C10.246 11 10.002 11.049 9.767 11.146C9.533 11.243 9.326 11.381 9.146 11.561L8.854 11.854C8.681 12.026 8.484 12.16 8.26 12.257C8.018 12.362 7.764 12.414 7.5 12.414C7.236 12.414 6.982 12.362 6.74 12.257C6.516 12.16 6.319 12.026 6.146 11.854L5.854 11.561C5.674 11.381 5.467 11.243 5.233 11.146C4.998 11.049 4.754 11 4.5 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 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L12 2ZM4.5 6C4.224 6 4 6.224 4 6.5C4 6.776 4.224 7 4.5 7L10.5 7C10.776 7 11 6.776 11 6.5C11 6.224 10.776 6 10.5 6L4.5 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=\"M13 2C13.276 2 13.512 2.098 13.707 2.293C13.902 2.488 14 2.724 14 3L14 10C14 10.276 13.902 10.512 13.707 10.707C13.512 10.902 13.276 11 13 11L10.5 11C10.246 11 10.002 11.049 9.767 11.146C9.533 11.243 9.326 11.381 9.146 11.561L8.207 12.5C8.012 12.695 7.776 12.793 7.5 12.793C7.224 12.793 6.988 12.695 6.793 12.5L5.854 11.561C5.674 11.381 5.467 11.243 5.233 11.146C4.998 11.049 4.754 11 4.5 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 3C1 2.724 1.098 2.488 1.293 2.293C1.488 2.098 1.724 2 2 2L13 2ZM4.5 6C4.224 6 4 6.224 4 6.5C4 6.776 4.224 7 4.5 7L10.5 7C10.776 7 11 6.776 11 6.5C11 6.224 10.776 6 10.5 6L4.5 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=\"M1 11L1 2L14 2L14 11L10.5 11C10.246 11 10.002 11.049 9.767 11.146C9.533 11.243 9.326 11.381 9.146 11.561L7.5 13.207L5.854 11.561C5.674 11.381 5.467 11.243 5.233 11.146C4.998 11.049 4.754 11 4.5 11L1 11ZM11 6L4 6L4 7L11 7L11 6Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/tooltip.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/tooltip.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/tooltip.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/tooltip.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/tooltip.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/tooltip.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/tooltip.png",
   "32": "https://gentleface.com/png/line-round/32/tooltip.png",
   "48": "https://gentleface.com/png/line-round/48/tooltip.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/tooltip.png",
   "32": "https://gentleface.com/png/line-soft/32/tooltip.png",
   "48": "https://gentleface.com/png/line-soft/48/tooltip.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/tooltip.png",
   "32": "https://gentleface.com/png/line-sharp/32/tooltip.png",
   "48": "https://gentleface.com/png/line-sharp/48/tooltip.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/tooltip.png",
   "32": "https://gentleface.com/png/solid-round/32/tooltip.png",
   "48": "https://gentleface.com/png/solid-round/48/tooltip.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/tooltip.png",
   "32": "https://gentleface.com/png/solid-soft/32/tooltip.png",
   "48": "https://gentleface.com/png/solid-soft/48/tooltip.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/tooltip.png",
   "32": "https://gentleface.com/png/solid-sharp/32/tooltip.png",
   "48": "https://gentleface.com/png/solid-sharp/48/tooltip.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}