{
 "name": "snackbar",
 "title": "Snackbar",
 "component": "SnackbarIcon",
 "url": "https://gentleface.com/icons/snackbar",
 "category": "layout",
 "motif": "layout",
 "added": "2026-10-19",
 "history": [
  {
   "date": "2026-10-19",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "1a35ba7a4ded",
 "use_for": [
  "snackbar",
  "toast notification",
  "toast message"
 ],
 "alternatives": [
  {
   "icon": "bell",
   "why": "notifications in general (notifications)",
   "concept": "snackbar"
  },
  {
   "icon": "dialog",
   "why": "a modal that needs an answer (dialog)",
   "concept": "snackbar"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "bread",
   "why": "bread owns toast the food; the UI toast is snackbar",
   "concept": "snackbar"
  }
 ],
 "also_fits": [
  {
   "concept": "toast",
   "owner": "bread",
   "why": "a toast notification (UI)"
  },
  {
   "concept": "dialog",
   "owner": "dialog",
   "why": "a brief message at the edge of the screen (snackbar)"
  }
 ],
 "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",
  "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": [
  "snackbar",
  "toast",
  "toast notification",
  "toast message",
  "notification bar",
  "banner",
  "status message",
  "popup",
  "alert",
  "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=\"M14.86 12.736C14.758 12.993 14.609 13.219 14.414 13.414C14.219 13.609 13.993 13.758 13.736 13.86C13.5 13.953 13.254 14 13 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 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 2L13 2C13.254 2 13.5 2.047 13.736 2.14C13.993 2.242 14.219 2.391 14.414 2.586C14.609 2.781 14.758 3.007 14.86 3.264C14.953 3.5 15 3.746 15 4L15 12C15 12.254 14.953 12.5 14.86 12.736ZM2.293 12.707C2.488 12.902 2.724 13 3 13L13 13C13.276 13 13.512 12.902 13.707 12.707C13.902 12.512 14 12.276 14 12L14 4C14 3.724 13.902 3.488 13.707 3.293C13.512 3.098 13.276 3 13 3L3 3C2.724 3 2.488 3.098 2.293 3.293C2.098 3.488 2 3.724 2 4L2 12C2 12.276 2.098 12.512 2.293 12.707ZM11.707 9.293C11.902 9.488 12 9.724 12 10L12 11C12 11.276 11.902 11.512 11.707 11.707C11.512 11.902 11.276 12 11 12L5 12C4.724 12 4.488 11.902 4.293 11.707C4.098 11.512 4 11.276 4 11L4 10C4 9.724 4.098 9.488 4.293 9.293C4.488 9.098 4.724 9 5 9L11 9C11.276 9 11.512 9.098 11.707 9.293Z\"/></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.707 13.707C14.512 13.902 14.276 14 14 14L2 14C1.724 14 1.488 13.902 1.293 13.707C1.098 13.512 1 13.276 1 13L1 3C1 2.724 1.098 2.488 1.293 2.293C1.488 2.098 1.724 2 2 2L14 2C14.276 2 14.512 2.098 14.707 2.293C14.902 2.488 15 2.724 15 3L15 13C15 13.276 14.902 13.512 14.707 13.707ZM14 13L14 3L2 3L2 13L14 13ZM11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11.5C12 11.641 11.952 11.759 11.856 11.856C11.759 11.952 11.641 12 11.5 12L4.5 12C4.359 12 4.241 11.952 4.144 11.856C4.048 11.759 4 11.641 4 11.5L4 9.5C4 9.359 4.048 9.241 4.144 9.144C4.241 9.048 4.359 9 4.5 9L11.5 9C11.641 9 11.759 9.048 11.856 9.144Z\"/></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 2L15 14L1 14L1 2L15 2ZM2 13L14 13L14 3L2 3L2 13ZM4 9L12 9L12 12L4 12L4 9Z\"/></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 2C13.254 2 13.5 2.047 13.736 2.14C13.993 2.242 14.219 2.391 14.414 2.586C14.609 2.781 14.758 3.007 14.86 3.264C14.953 3.5 15 3.746 15 4L15 12C15 12.254 14.953 12.5 14.86 12.736C14.758 12.993 14.609 13.219 14.414 13.414C14.219 13.609 13.993 13.758 13.736 13.86C13.5 13.953 13.254 14 13 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 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 2L13 2ZM3 3C2.724 3 2.488 3.098 2.293 3.293C2.098 3.488 2 3.724 2 4L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L13 13C13.276 13 13.512 12.902 13.707 12.707C13.902 12.512 14 12.276 14 12L14 4C14 3.724 13.902 3.488 13.707 3.293C13.512 3.098 13.276 3 13 3L3 3ZM12 11C12 11.276 11.902 11.512 11.707 11.707C11.512 11.902 11.276 12 11 12L5 12C4.724 12 4.488 11.902 4.293 11.707C4.098 11.512 4 11.276 4 11L4 10C4 9.724 4.098 9.488 4.293 9.293C4.488 9.098 4.724 9 5 9L11 9C11.276 9 11.512 9.098 11.707 9.293C11.902 9.488 12 9.724 12 10L12 11Z\"/></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 2C14.276 2 14.512 2.098 14.707 2.293C14.902 2.488 15 2.724 15 3L15 13C15 13.276 14.902 13.512 14.707 13.707C14.512 13.902 14.276 14 14 14L2 14C1.724 14 1.488 13.902 1.293 13.707C1.098 13.512 1 13.276 1 13L1 3C1 2.724 1.098 2.488 1.293 2.293C1.488 2.098 1.724 2 2 2L14 2ZM2 3L2 13L14 13L14 3L2 3ZM12 11.5C12 11.641 11.952 11.759 11.856 11.856C11.759 11.952 11.641 12 11.5 12L4.5 12C4.359 12 4.241 11.952 4.144 11.856C4.048 11.759 4 11.641 4 11.5L4 9.5C4 9.359 4.048 9.241 4.144 9.144C4.241 9.048 4.359 9 4.5 9L11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11.5Z\"/></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 2L15 14L1 14L1 2L15 2ZM2 13L14 13L14 3L2 3L2 13ZM12 12L4 12L4 9L12 9L12 12Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/snackbar.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/snackbar.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/snackbar.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/snackbar.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/snackbar.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/snackbar.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/snackbar.png",
   "32": "https://gentleface.com/png/line-round/32/snackbar.png",
   "48": "https://gentleface.com/png/line-round/48/snackbar.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/snackbar.png",
   "32": "https://gentleface.com/png/line-soft/32/snackbar.png",
   "48": "https://gentleface.com/png/line-soft/48/snackbar.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/snackbar.png",
   "32": "https://gentleface.com/png/line-sharp/32/snackbar.png",
   "48": "https://gentleface.com/png/line-sharp/48/snackbar.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/snackbar.png",
   "32": "https://gentleface.com/png/solid-round/32/snackbar.png",
   "48": "https://gentleface.com/png/solid-round/48/snackbar.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/snackbar.png",
   "32": "https://gentleface.com/png/solid-soft/32/snackbar.png",
   "48": "https://gentleface.com/png/solid-soft/48/snackbar.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/snackbar.png",
   "32": "https://gentleface.com/png/solid-sharp/32/snackbar.png",
   "48": "https://gentleface.com/png/solid-sharp/48/snackbar.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}