{
 "name": "cards",
 "title": "Cards",
 "component": "CardsIcon",
 "url": "https://gentleface.com/icons/cards",
 "category": "layout",
 "motif": "layout",
 "added": "2026-10-16",
 "history": [
  {
   "date": "2026-10-16",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "2c3ca454099d",
 "use_for": [
  "card view",
  "cards",
  "card layout",
  "gallery view"
 ],
 "alternatives": [
  {
   "icon": "grid",
   "why": "a grid of equal tiles or thumbnails (grid-view)",
   "concept": "card-view"
  },
  {
   "icon": "kanban",
   "why": "cards in status columns (board-view)",
   "concept": "card-view"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "playing-cards",
   "why": "playing cards belong to games (playing-cards)",
   "concept": "card-view"
  },
  {
   "icon": "credit-card",
   "why": "credit-card is a payment card (credit-card)",
   "concept": "card-view"
  }
 ],
 "also_fits": [
  {
   "concept": "grid-view",
   "owner": "grid",
   "why": "cards with a title and a body (card-view)"
  },
  {
   "concept": "kanban",
   "owner": "kanban",
   "why": "cards without status columns (card-view)"
  }
 ],
 "not_for": [
  {
   "concept": "card-game",
   "owner": "playing-cards",
   "why": "cards is the card view in a layout"
  }
 ],
 "family": [
  "browser",
  "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",
  "toggle-off",
  "window"
 ],
 "tags": [
  "cards",
  "card-view",
  "card",
  "layout",
  "stack",
  "tiles",
  "view"
 ],
 "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.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11C14.359 11 14.241 10.952 14.144 10.856C14.048 10.759 14 10.641 14 10.5L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5C3 3.359 3.048 3.241 3.144 3.144C3.241 3.048 3.359 3 3.5 3L13 3C13.254 3 13.5 3.047 13.736 3.14ZM12.414 12.414C12.219 12.609 11.993 12.758 11.736 12.86C11.5 12.953 11.254 13 11 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 7C1 6.746 1.047 6.5 1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5L11 5C11.254 5 11.5 5.047 11.736 5.14C11.993 5.242 12.219 5.391 12.414 5.586C12.609 5.781 12.758 6.007 12.86 6.264C12.953 6.5 13 6.746 13 7L13 11C13 11.254 12.953 11.5 12.86 11.736C12.758 11.993 12.609 12.219 12.414 12.414ZM2.293 11.707C2.488 11.902 2.724 12 3 12L11 12C11.276 12 11.512 11.902 11.707 11.707C11.902 11.512 12 11.276 12 11L12 7C12 6.724 11.902 6.488 11.707 6.293C11.512 6.098 11.276 6 11 6L3 6C2.724 6 2.488 6.098 2.293 6.293C2.098 6.488 2 6.724 2 7L2 11C2 11.276 2.098 11.512 2.293 11.707ZM4.144 8.856C4.048 8.759 4 8.641 4 8.5C4 8.359 4.048 8.241 4.144 8.144C4.241 8.048 4.359 8 4.5 8L9.5 8C9.641 8 9.759 8.048 9.856 8.144C9.952 8.241 10 8.359 10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9L4.5 9C4.359 9 4.241 8.952 4.144 8.856ZM4.144 10.856C4.048 10.759 4 10.641 4 10.5C4 10.359 4.048 10.241 4.144 10.144C4.241 10.048 4.359 10 4.5 10L7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5C8 10.641 7.952 10.759 7.856 10.856C7.759 10.952 7.641 11 7.5 11L4.5 11C4.359 11 4.241 10.952 4.144 10.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.707 3.293C14.902 3.488 15 3.724 15 4L15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11C14.359 11 14.241 10.952 14.144 10.856C14.048 10.759 14 10.641 14 10.5L14 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5C3 3.359 3.048 3.241 3.144 3.144C3.241 3.048 3.359 3 3.5 3L14 3C14.276 3 14.512 3.098 14.707 3.293ZM12 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 6C1 5.724 1.098 5.488 1.293 5.293C1.488 5.098 1.724 5 2 5L12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6L13 12C13 12.276 12.902 12.512 12.707 12.707C12.512 12.902 12.276 13 12 13ZM12 12L12 6L2 6L2 12L12 12ZM4.144 8.856C4.048 8.759 4 8.641 4 8.5C4 8.359 4.048 8.241 4.144 8.144C4.241 8.048 4.359 8 4.5 8L9.5 8C9.641 8 9.759 8.048 9.856 8.144C9.952 8.241 10 8.359 10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9L4.5 9C4.359 9 4.241 8.952 4.144 8.856ZM4.144 10.856C4.048 10.759 4 10.641 4 10.5C4 10.359 4.048 10.241 4.144 10.144C4.241 10.048 4.359 10 4.5 10L7.5 10C7.641 10 7.759 10.048 7.856 10.144C7.952 10.241 8 10.359 8 10.5C8 10.641 7.952 10.759 7.856 10.856C7.759 10.952 7.641 11 7.5 11L4.5 11C4.359 11 4.241 10.952 4.144 10.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 3L15 11L14 11L14 4L3 4L3 3L15 3ZM1 13L1 5L13 5L13 13L1 13ZM2 12L12 12L12 6L2 6L2 12ZM10 8L10 9L4 9L4 8L10 8ZM8 10L8 11L4 11L4 10L8 10Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11C14.359 11 14.241 10.952 14.144 10.856C14.048 10.759 14 10.641 14 10.5L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5C3 3.359 3.048 3.241 3.144 3.144C3.241 3.048 3.359 3 3.5 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 10.5ZM11 5C11.254 5 11.5 5.047 11.736 5.14C11.993 5.242 12.219 5.391 12.414 5.586C12.609 5.781 12.758 6.007 12.86 6.264C12.953 6.5 13 6.746 13 7L13 11C13 11.254 12.953 11.5 12.86 11.736C12.758 11.993 12.609 12.219 12.414 12.414C12.219 12.609 11.993 12.758 11.736 12.86C11.5 12.953 11.254 13 11 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 7C1 6.746 1.047 6.5 1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5L11 5ZM4.5 8C4.224 8 4 8.224 4 8.5C4 8.776 4.224 9 4.5 9L9.5 9C9.776 9 10 8.776 10 8.5C10 8.224 9.776 8 9.5 8L4.5 8ZM4.5 10C4.224 10 4 10.224 4 10.5C4 10.776 4.224 11 4.5 11L7.5 11C7.776 11 8 10.776 8 10.5C8 10.224 7.776 10 7.5 10L4.5 10Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11C14.359 11 14.241 10.952 14.144 10.856C14.048 10.759 14 10.641 14 10.5L14 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5C3 3.359 3.048 3.241 3.144 3.144C3.241 3.048 3.359 3 3.5 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 10.5ZM12 5C12.276 5 12.512 5.098 12.707 5.293C12.902 5.488 13 5.724 13 6L13 12C13 12.276 12.902 12.512 12.707 12.707C12.512 12.902 12.276 13 12 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 6C1 5.724 1.098 5.488 1.293 5.293C1.488 5.098 1.724 5 2 5L12 5ZM4.5 8C4.224 8 4 8.224 4 8.5C4 8.776 4.224 9 4.5 9L9.5 9C9.776 9 10 8.776 10 8.5C10 8.224 9.776 8 9.5 8L4.5 8ZM4.5 10C4.224 10 4 10.224 4 10.5C4 10.776 4.224 11 4.5 11L7.5 11C7.776 11 8 10.776 8 10.5C8 10.224 7.776 10 7.5 10L4.5 10Z\"/></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 3L15 11L14 11L14 4L3 4L3 3L15 3ZM1 13L1 5L13 5L13 13L1 13ZM10 8L4 8L4 9L10 9L10 8ZM8 10L4 10L4 11L8 11L8 10Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/cards.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/cards.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/cards.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/cards.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/cards.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/cards.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/cards.png",
   "32": "https://gentleface.com/png/line-round/32/cards.png",
   "48": "https://gentleface.com/png/line-round/48/cards.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/cards.png",
   "32": "https://gentleface.com/png/line-soft/32/cards.png",
   "48": "https://gentleface.com/png/line-soft/48/cards.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/cards.png",
   "32": "https://gentleface.com/png/line-sharp/32/cards.png",
   "48": "https://gentleface.com/png/line-sharp/48/cards.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/cards.png",
   "32": "https://gentleface.com/png/solid-round/32/cards.png",
   "48": "https://gentleface.com/png/solid-round/48/cards.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/cards.png",
   "32": "https://gentleface.com/png/solid-soft/32/cards.png",
   "48": "https://gentleface.com/png/solid-soft/48/cards.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/cards.png",
   "32": "https://gentleface.com/png/solid-sharp/32/cards.png",
   "48": "https://gentleface.com/png/solid-sharp/48/cards.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}