{
  "name": "HomeIcon",
  "package": "@magicblocksai/ui",
  "file": "packages/ui/src/components/icons.tsx",
  "chapterTag": "03 Icons",
  "chapter": "03-icons.html",
  "sectionId": "crm-monoline",
  "elName": "IconFamily · CRM set",
  "demoUrl": "https://brand.magicblocks.ai/components/03-icons#crm-monoline",
  "hasLiveDemo": false,
  "description": "Overview / dashboard. Classic house outline.",
  "useClient": false,
  "interactivity": "display",
  "namedExports": [
    {
      "name": "IconProps",
      "isPrincipal": false,
      "isType": true
    },
    {
      "name": "BookIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "BriefcaseIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "BuildingIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "CalendarIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ChartBarIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ChartLineIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "CheckIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ClockIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "CoinIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "EyeIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FolderIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "HandshakeIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "HeadphonesIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "HomeIcon",
      "isPrincipal": true,
      "isType": false
    },
    {
      "name": "MegaphoneIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "PenIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "PersonIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "PhoneIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "PlusIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "RefreshIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "RocketIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ScrollIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "SearchIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "SettingsIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "SproutIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "StarIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "UsersIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "WandIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 1.27.0 — Spark Round R18. Bin glyph for destructive-remove\n  // affordances on list rows / attachments / custom-field deletions.\n  // Distinct from CloseIcon (X-glyph \"dismiss / close\"); CloseIcon\n  // was previously serving double-duty as a delete affordance which\n  // read as \"dismiss\" not \"delete.\" Documented at\n  // packages/ui/docs/IconFamily.md.\n  TrashIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 1.5.0 — restored marketing-feature icons (the kit's own JSDoc still\n  // references these by name; v1.4.0 inadvertently dropped them when the\n  // CRM-nav set landed). Spark uses InboxIcon (sidebar) + MailIcon\n  // (email task type) directly.\n  BoltIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "InboxIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "LinkIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MailIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MenuIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "PlatformIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "RouteIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ShieldIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "SyncIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "TargetIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 1.20.0 — file-type icon set (Spark Round R24). Seven glyphs sharing a\n  // \"page with corner fold\" base. Use <FileTypeIcon contentType=\"…\"/> when\n  // you have a MIME string and want the kit to dispatch; reach for these\n  // individual icons when you already know the kind.\n  FileIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FileTextIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FileImageIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FilePdfIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FileVideoIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FileAudioIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FileArchiveIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 1.33.0 — Spark Round R34. Source-control glyphs for the\n  // `/admin/docs/github` docs surface. Single Octocat outline +\n  // canonical git-branch tri-node mark; both follow the kit's\n  // monoline 18×18 / 1.5px stroke style.\n  GithubIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "BranchIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 1.58.0 — Spark R001/R002. Navigation glyphs for CRM sidebars.\n  TagIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "PercentIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FilterIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "GaugeIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "TrendingUpIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MailboxIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ChecklistIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "LeadsIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "OverviewIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "AgentsIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ConversationsIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 1.60.0 — app-team R1. Expand-to-fullscreen glyph for <SageDrawer onExpand>.\n  ExpandIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 1.61.0 — app-team R2. Icon batch (P1 #2 + P3 #17 chevrons).\n  BellIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "SunIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MoonIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "// 4.2.0 — app-team. System / auto appearance glyph (companion to Sun/Moon).\n  SystemThemeIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MessageCircleQuestionIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ExternalLinkIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "HeartIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MoreVerticalIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "DownloadIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "UploadIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "GlobeIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MessageSquarePlusIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "FlaskIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "TrendingDownIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "UserCogIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ArrowRightIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "SmartphoneIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "MessageSquareIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "CodeIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ChevronDownIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ChevronUpIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ChevronLeftIcon",
      "isPrincipal": false,
      "isType": false
    },
    {
      "name": "ChevronRightIcon",
      "isPrincipal": false,
      "isType": false
    }
  ],
  "importStatement": "import { HomeIcon } from \"@magicblocksai/ui\";",
  "props": [
    {
      "name": "size",
      "optional": true,
      "type": "number",
      "doc": "Width + height in pixels. Default 18."
    }
  ],
  "classesUsed": [],
  "examples": {
    "react": null,
    "html": "<div class=\"ic-grid\" role=\"list\">\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.75 8.5L9 3l6.25 5.5V14a1 1 0 0 1-1 1h-3v-4.25h-4.5V15h-3a1 1 0 0 1-1-1V8.5Z\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">HomeIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3.5 9.5L7.25 13.25 14.5 5.5\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">CheckIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"6.25\" r=\"2.75\"/><path d=\"M3.5 15.25c0-2.62 2.46-4.75 5.5-4.75s5.5 2.13 5.5 4.75\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">PersonIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3.5 15.25V4.5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v10.75\"/><path d=\"M2.5 15.25h13\"/><path d=\"M6.5 6.5h1M10.5 6.5h1M6.5 9.25h1M10.5 9.25h1\"/><path d=\"M7.75 15.25v-3h2.5v3\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">BuildingIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 15.25V8.5\"/><path d=\"M9 8.5C9 6.5 7 4.75 4.5 4.75c0 2 1.75 3.75 4.5 3.75Z\"/><path d=\"M9 8.5c0-2 2-3.75 4.5-3.75 0 2-1.75 3.75-4.5 3.75Z\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">SproutIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.75\" y=\"6\" width=\"12.5\" height=\"8.5\" rx=\"1\"/><path d=\"M6.75 6V4.75a1 1 0 0 1 1-1h2.5a1 1 0 0 1 1 1V6\"/><path d=\"M2.75 9.75h12.5\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">BriefcaseIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.75 5.25a1 1 0 0 1 1-1h3.5l1.5 1.5h5.5a1 1 0 0 1 1 1V13.5a1 1 0 0 1-1 1H3.75a1 1 0 0 1-1-1V5.25Z\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">FolderIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3.75 14.25L13 5\"/><path d=\"M11.5 3.5l1 1M14.5 6.5l1 1\"/><path d=\"M5.5 4.5l.5 1 1 .5-1 .5-.5 1-.5-1-1-.5 1-.5.5-1Z\"/><path d=\"M14 11l.4.8.8.4-.8.4-.4.8-.4-.8-.8-.4.8-.4.4-.8Z\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">WandIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 7.5h3.5L13.5 4v10L6.5 10.5H3a.75.75 0 0 1-.75-.75v-1.5A.75.75 0 0 1 3 7.5Z\"/><path d=\"M5.5 10.5v3.25a1 1 0 0 0 1 1h.75a1 1 0 0 0 1-1v-2\"/><path d=\"M15 7.5v3\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">MegaphoneIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 11V9a6 6 0 0 1 12 0v2\"/><path d=\"M3 11v2a1.5 1.5 0 0 0 1.5 1.5H5a.5.5 0 0 0 .5-.5V11a.5.5 0 0 0-.5-.5h-.5A1.5 1.5 0 0 0 3 11Z\"/><path d=\"M15 11v2a1.5 1.5 0 0 1-1.5 1.5H13a.5.5 0 0 1-.5-.5V11a.5.5 0 0 1 .5-.5h.5A1.5 1.5 0 0 1 15 11Z\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">HeadphonesIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 5v9.5\"/><path d=\"M9 5C7.5 4 5.5 3.5 3 3.5v9.75c2.5 0 4.5.5 6 1.25\"/><path d=\"M9 5c1.5-1 3.5-1.5 6-1.5v9.75c-2.5 0-4.5.5-6 1.25\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">BookIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 2.75l1.95 4 4.4.65-3.18 3.1.75 4.38L9 12.83l-3.92 2.05.75-4.38L2.65 7.4l4.4-.65L9 2.75Z\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">StarIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14.5 4.5v3.5h-3.5\"/><path d=\"M3.5 13.5v-3.5h3.5\"/><path d=\"M14 8a5.5 5.5 0 0 0-9.65-2.5L3.5 8\"/><path d=\"M4 10a5.5 5.5 0 0 0 9.65 2.5L14.5 10\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">RefreshIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 2.5c2.5 1.5 4 4 4 7v3l-2 1.5h-4l-2-1.5v-3c0-3 1.5-5.5 4-7Z\"/><circle cx=\"9\" cy=\"7.5\" r=\"1.25\"/><path d=\"M7 13.5l-1.5 2M11 13.5l1.5 2M9 14.5v1.5\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">RocketIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.75 8.5L5 6.25h3l1.5 1.5L8 9.5l-2-1.5\"/><path d=\"M15.25 8.5L13 6.25h-3l-2 2 1 1 1.5-1 3.5 3.5a1 1 0 0 1-1.4 1.4l-1-1\"/><path d=\"M11.6 12.6l-1 1a1 1 0 0 1-1.4-1.4l1-1\"/><path d=\"M10.2 14a1 1 0 0 1-1.4 1.4l-.7-.7\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">HandshakeIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"6\"/><path d=\"M10.5 7.25c-.3-.6-1-1-1.75-1-1 0-1.75.55-1.75 1.25 0 1.75 3.5 1 3.5 2.75 0 .7-.75 1.25-1.75 1.25-.75 0-1.45-.4-1.75-1\"/><path d=\"M9 5.5v1M9 11.5v1\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">CoinIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3v12h12\"/><path d=\"M5.5 12L8 9l2 2 4-5\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">ChartLineIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3v12h12\"/><path d=\"M5.5 12.5V10\"/><path d=\"M8.5 12.5V7\"/><path d=\"M11.5 12.5V8.5\"/><path d=\"M14.5 12.5V5.5\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">ChartBarIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"2.25\"/><path d=\"M9 1.75v2M9 14.25v2M3.75 3.75l1.4 1.4M12.85 12.85l1.4 1.4M1.75 9h2M14.25 9h2M3.75 14.25l1.4-1.4M12.85 5.15l1.4-1.4\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">SettingsIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M11.5 2.75l3.75 3.75L6 15.75H2.25v-3.75L11.5 2.75Z\"/><path d=\"M10 4.25l3.75 3.75\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">PenIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.75\" y=\"4\" width=\"12.5\" height=\"11.25\" rx=\"1\"/><path d=\"M2.75 7.5h12.5\"/><path d=\"M6 2.5v3M12 2.5v3\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">CalendarIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"6.5\" r=\"2.5\"/><path d=\"M2.25 14.75c0-2.35 2.13-4.25 4.75-4.25s4.75 1.9 4.75 4.25\"/><path d=\"M11.5 4.25a2.5 2.5 0 0 1 0 4.5\"/><path d=\"M12.75 10.6c1.75.4 3 1.7 3 3.65\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">UsersIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 3.5h8a1 1 0 0 1 1 1v9a1 1 0 0 0 1 1h-9a1 1 0 0 1-1-1V4.5a1 1 0 0 0-1-1Z\"/><path d=\"M14 14.5a1 1 0 0 0 1-1V11h-2\"/><path d=\"M3 3.5a1 1 0 0 0-1 1V7h2\"/><path d=\"M6.5 6.5h4M6.5 9h4\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">ScrollIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"8\" r=\"4.5\"/><path d=\"M11.5 11.5l3 3\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">SearchIcon</span>\n          </div>\n          <div class=\"ic-cell\" role=\"listitem\">\n            <span class=\"ic-cell-glyph\" aria-hidden=\"true\">\n              <svg width=\"32\" height=\"32\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"6.25\"/><path d=\"M9 6v6M6 9h6\"/></svg>\n            </span>\n            <span class=\"ic-cell-name\">PlusIcon</span>\n          </div>\n        </div>",
    "css": null
  }
}