{
"schemaVersion": 1,
"organization": "6am",
"version": "0.7.0",
"locale": "en",
"status": "pilot",
"grid": 24,
"strokeWidth": 1.7,
"linecap": "square",
"linejoin": "miter",
"sizes": [
16,
20,
24,
32,
48
],
"defaultSize": 24,
"assetBase": "/assets/design/6am/icons",
"categories": [
{
"id": "navigation",
"label": "Navigation"
},
{
"id": "actions",
"label": "Actions"
},
{
"id": "communication",
"label": "Communication"
},
{
"id": "business",
"label": "Business"
},
{
"id": "data",
"label": "Data & layout"
},
{
"id": "systems",
"label": "People & technology"
}
],
"items": [
{
"id": "arrow",
"category": "navigation",
"label": "Diagonal arrow",
"path": "M5 19 19 5M5 5h14v14",
"src": "/assets/design/6am/icons/arrow.svg",
"svg": ""
},
{
"id": "chevron-left",
"category": "navigation",
"label": "Previous",
"path": "m15 5-7 7 7 7",
"src": "/assets/design/6am/icons/chevron-left.svg",
"svg": ""
},
{
"id": "chevron-right",
"category": "navigation",
"label": "Next",
"path": "m9 5 7 7-7 7",
"src": "/assets/design/6am/icons/chevron-right.svg",
"svg": ""
},
{
"id": "chevron-up",
"category": "navigation",
"label": "Collapse",
"path": "m5 15 7-7 7 7",
"src": "/assets/design/6am/icons/chevron-up.svg",
"svg": ""
},
{
"id": "chevron-down",
"category": "navigation",
"label": "Expand",
"path": "m5 9 7 7 7-7",
"src": "/assets/design/6am/icons/chevron-down.svg",
"svg": ""
},
{
"id": "home",
"category": "navigation",
"label": "Home",
"path": "m3 10 9-7 9 7M5 9v12h5v-7h4v7h5V9",
"src": "/assets/design/6am/icons/home.svg",
"svg": ""
},
{
"id": "menu",
"category": "navigation",
"label": "Menu",
"path": "M4 6h16M4 12h16M4 18h16",
"src": "/assets/design/6am/icons/menu.svg",
"svg": ""
},
{
"id": "external",
"category": "navigation",
"label": "External link",
"path": "M13 3h8v8m-9 1 9-9M9 5H3v16h16v-6",
"src": "/assets/design/6am/icons/external.svg",
"svg": ""
},
{
"id": "copy",
"category": "actions",
"label": "Copy",
"path": "M9 9h11v11H9zM15 9V4H4v11h5",
"src": "/assets/design/6am/icons/copy.svg",
"svg": ""
},
{
"id": "check",
"category": "actions",
"label": "Confirm",
"path": "m5 12 4 4L19 6",
"src": "/assets/design/6am/icons/check.svg",
"svg": ""
},
{
"id": "plus",
"category": "actions",
"label": "Add",
"path": "M12 5v14M5 12h14",
"src": "/assets/design/6am/icons/plus.svg",
"svg": ""
},
{
"id": "close",
"category": "actions",
"label": "Close",
"path": "m6 6 12 12M6 18 18 6",
"src": "/assets/design/6am/icons/close.svg",
"svg": ""
},
{
"id": "download",
"category": "actions",
"label": "Download",
"path": "M12 3v12m-5-5 5 5 5-5M4 16v5h16v-5",
"src": "/assets/design/6am/icons/download.svg",
"svg": ""
},
{
"id": "upload",
"category": "actions",
"label": "Upload",
"path": "M12 15V3m-5 5 5-5 5 5M4 16v5h16v-5",
"src": "/assets/design/6am/icons/upload.svg",
"svg": ""
},
{
"id": "edit",
"category": "actions",
"label": "Edit",
"path": "m4 15 12-12 5 5L9 20l-6 1 1-6Zm9-9 5 5M4 15l5 5",
"src": "/assets/design/6am/icons/edit.svg",
"svg": ""
},
{
"id": "search",
"category": "actions",
"label": "Search",
"path": "M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-2 5 6 6",
"src": "/assets/design/6am/icons/search.svg",
"svg": ""
},
{
"id": "mail",
"category": "communication",
"label": "Email",
"path": "M3 5h18v14H3zM3 6l9 7 9-7",
"src": "/assets/design/6am/icons/mail.svg",
"svg": ""
},
{
"id": "message",
"category": "communication",
"label": "Message",
"path": "M3 4h18v13H9l-6 4V4Zm4 5h10M7 13h6",
"src": "/assets/design/6am/icons/message.svg",
"svg": ""
},
{
"id": "phone",
"category": "communication",
"label": "Phone",
"path": "M4 3h4l2 5-3 2a15 15 0 0 0 7 7l2-3 5 2v4c-9 3-20-8-17-17Z",
"src": "/assets/design/6am/icons/phone.svg",
"svg": ""
},
{
"id": "send",
"category": "communication",
"label": "Send",
"path": "m3 3 18 9-18 9 4-9-4-9Zm4 9h14",
"src": "/assets/design/6am/icons/send.svg",
"svg": ""
},
{
"id": "bell",
"category": "communication",
"label": "Notification",
"path": "M5 17h14l-2-3V9a5 5 0 0 0-10 0v5l-2 3Zm5 3a2 2 0 0 0 4 0M12 2v2",
"src": "/assets/design/6am/icons/bell.svg",
"svg": ""
},
{
"id": "megaphone",
"category": "communication",
"label": "Campaign",
"path": "M3 9h5l11-5v16L8 15H3V9Zm5 0v6l2 6H6l-2-6M22 9v6",
"src": "/assets/design/6am/icons/megaphone.svg",
"svg": ""
},
{
"id": "video",
"category": "communication",
"label": "Video",
"path": "M3 6h12v12H3zM15 10l6-4v12l-6-4",
"src": "/assets/design/6am/icons/video.svg",
"svg": ""
},
{
"id": "globe",
"category": "communication",
"label": "Website",
"path": "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM3 12h18M12 3c-5 5-5 13 0 18 5-5 5-13 0-18Z",
"src": "/assets/design/6am/icons/globe.svg",
"svg": ""
},
{
"id": "briefcase",
"category": "business",
"label": "Services",
"path": "M3 7h18v14H3zM8 7V3h8v4M3 12l9 3 9-3M12 12v5",
"src": "/assets/design/6am/icons/briefcase.svg",
"svg": ""
},
{
"id": "store",
"category": "business",
"label": "Store",
"path": "M4 3h16l2 6c0 4-5 4-5 0 0 4-5 4-5 0 0 4-5 4-5 0 0 4-5 4-5 0l2-6ZM4 13v8h16v-8M9 21v-6h6v6",
"src": "/assets/design/6am/icons/store.svg",
"svg": ""
},
{
"id": "bag",
"category": "business",
"label": "Purchase",
"path": "M4 7h16v14H4zM8 9V6a4 4 0 0 1 8 0v3",
"src": "/assets/design/6am/icons/bag.svg",
"svg": ""
},
{
"id": "cart",
"category": "business",
"label": "Cart",
"path": "M2 3h3l3 12h11l3-8H6M10 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
"src": "/assets/design/6am/icons/cart.svg",
"svg": ""
},
{
"id": "card",
"category": "business",
"label": "Payment",
"path": "M3 4h18v16H3zM3 9h18M7 15h4",
"src": "/assets/design/6am/icons/card.svg",
"svg": ""
},
{
"id": "receipt",
"category": "business",
"label": "Receipt",
"path": "M5 3l3 2 4-2 4 2 3-2v18l-3-2-4 2-4-2-3 2V3ZM9 9h6M9 13h6M9 17h2",
"src": "/assets/design/6am/icons/receipt.svg",
"svg": ""
},
{
"id": "calendar",
"category": "business",
"label": "Calendar",
"path": "M3 5h18v16H3zM7 3v5M17 3v5M3 11h18M7 15h2M15 15h2M7 18h2",
"src": "/assets/design/6am/icons/calendar.svg",
"svg": ""
},
{
"id": "clock",
"category": "business",
"label": "Time",
"path": "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM12 6v6l4 3",
"src": "/assets/design/6am/icons/clock.svg",
"svg": ""
},
{
"id": "chart-bar",
"category": "data",
"label": "Bar chart",
"path": "M3 3v18h18M7 16v-5M12 16V7M17 16V4",
"src": "/assets/design/6am/icons/chart-bar.svg",
"svg": ""
},
{
"id": "trend",
"category": "data",
"label": "Growth",
"path": "m3 17 6-6 4 4 8-10M15 5h6v6",
"src": "/assets/design/6am/icons/trend.svg",
"svg": ""
},
{
"id": "pie",
"category": "data",
"label": "Distribution",
"path": "M11 3a9 9 0 1 0 10 10H11V3Zm4 0v6h6a8 8 0 0 0-6-6Z",
"src": "/assets/design/6am/icons/pie.svg",
"svg": ""
},
{
"id": "target",
"category": "data",
"label": "Goal",
"path": "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-4 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM12 11v2",
"src": "/assets/design/6am/icons/target.svg",
"svg": ""
},
{
"id": "filter",
"category": "data",
"label": "Filter",
"path": "M3 4h18l-7 8v8l-4-2v-6L3 4Z",
"src": "/assets/design/6am/icons/filter.svg",
"svg": ""
},
{
"id": "layers",
"category": "data",
"label": "Layers",
"path": "m3 8 9-5 9 5-9 5-9-5Zm0 5 9 5 9-5M3 18l9 5 9-5",
"src": "/assets/design/6am/icons/layers.svg",
"svg": ""
},
{
"id": "grid",
"category": "data",
"label": "Grid",
"path": "M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z",
"src": "/assets/design/6am/icons/grid.svg",
"svg": ""
},
{
"id": "list",
"category": "data",
"label": "List",
"path": "M9 5h12M9 12h12M9 19h12M3 5h1M3 12h1M3 19h1",
"src": "/assets/design/6am/icons/list.svg",
"svg": ""
},
{
"id": "users",
"category": "systems",
"label": "Team",
"path": "M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM2 21v-2a7 7 0 0 1 14 0v2M17 3a4 4 0 0 1 0 8M18 14a5 5 0 0 1 4 5v2",
"src": "/assets/design/6am/icons/users.svg",
"svg": ""
},
{
"id": "user",
"category": "systems",
"label": "Person",
"path": "M17 7a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM3 22v-1a9 9 0 0 1 18 0v1",
"src": "/assets/design/6am/icons/user.svg",
"svg": ""
},
{
"id": "settings",
"category": "systems",
"label": "Settings",
"path": "M9 3h6v3l3 2 3-1 1 5-3 2v3l-4 3-3-2-3 2-4-3v-3l-3-2 1-5 3 1 3-2V3Zm6 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",
"src": "/assets/design/6am/icons/settings.svg",
"svg": ""
},
{
"id": "shield",
"category": "systems",
"label": "Protection",
"path": "m12 2 9 4v6c0 5-5 9-9 10-4-1-9-5-9-10V6l9-4Zm-5 10 3 3 7-7",
"src": "/assets/design/6am/icons/shield.svg",
"svg": ""
},
{
"id": "lock",
"category": "systems",
"label": "Privacy",
"path": "M5 10h14v11H5zM8 10V6a4 4 0 0 1 8 0v4M12 15v2",
"src": "/assets/design/6am/icons/lock.svg",
"svg": ""
},
{
"id": "link",
"category": "systems",
"label": "Connection",
"path": "m10 14 4-4M8 16l-2 2a3 3 0 0 1-4-4l5-5a3 3 0 0 1 4 0m2 6a3 3 0 0 0 4 0l5-5a3 3 0 0 0-4-4l-2 2",
"src": "/assets/design/6am/icons/link.svg",
"svg": ""
},
{
"id": "code",
"category": "systems",
"label": "Code",
"path": "m7 5-5 7 5 7M17 5l5 7-5 7M14 3l-4 18",
"src": "/assets/design/6am/icons/code.svg",
"svg": ""
},
{
"id": "workflow",
"category": "systems",
"label": "Workflow",
"path": "M9 2h6v6H9zM2 16h6v6H2zM16 16h6v6h-6zM12 8v4M5 16v-4h14v4",
"src": "/assets/design/6am/icons/workflow.svg",
"svg": ""
},
{
"id": "cpu",
"category": "systems",
"label": "Processing",
"path": "M6 6h12v12H6zM9 9h6v6H9zM9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4",
"src": "/assets/design/6am/icons/cpu.svg",
"svg": ""
},
{
"id": "robot",
"category": "systems",
"label": "Assistant",
"path": "M5 7h14v14H5zM12 3v4M11 2h2M2 12v4M22 12v4M8 12h1M15 12h1M9 17h6",
"src": "/assets/design/6am/icons/robot.svg",
"svg": ""
},
{
"id": "sparkles",
"category": "systems",
"label": "Smart suggestion",
"path": "M10 3c0 6 2 8 7 9-5 1-7 3-7 9-1-6-3-8-8-9 5-1 7-3 8-9ZM19 2v6M16 5h6",
"src": "/assets/design/6am/icons/sparkles.svg",
"svg": ""
},
{
"id": "automation",
"category": "systems",
"label": "Automation",
"path": "M3 10a9 9 0 0 1 16-4l2 3M21 3v6h-6M21 14a9 9 0 0 1-16 4l-2-3M3 21v-6h6m4-8-4 6h6l-4 5",
"src": "/assets/design/6am/icons/automation.svg",
"svg": ""
}
],
"ui": {
"label": "BUILD / ICONS",
"title": "Small signs. Clear meaning.",
"intro": "A shared language for actions, services, people and systems. Explore 52 original line icons, test their scale and take the same SVG into a layout or a working interface.",
"library": "Find the right signal.",
"search": "Search icons",
"all": "All categories",
"category": "Category",
"size": "Preview size",
"surface": "Preview surface",
"light": "Light",
"dark": "Dark",
"lime": "Lime",
"results": "icons found",
"empty": "No icons match this search. Try another term or category.",
"reset": "Clear filters",
"selected": "Selected icon",
"copySvg": "Copy SVG",
"copyReact": "Copy React",
"download": "Download SVG",
"open": "Open file",
"copyUrl": "Copy direct URL",
"urlCopied": "URL copied",
"copyFallback": "Copy this URL",
"geometry": "24 × 24 grid · 1.7 stroke · square caps",
"scaleTitle": "One drawing. Different distances.",
"scaleText": "Use 16–24 px beside text and controls, 32–48 px in explanatory content. Strokes scale with the SVG. Keep the original viewBox and proportions.",
"applicationsTitle": "Give the icon a job.",
"applicationsText": "Use one meaningful symbol to support the message. These examples combine the same library with 6am surfaces and typography.",
"applicationCards": [
{
"id": "people",
"icon": "users",
"title": "People first.",
"text": "Make the team and its responsibilities easy to find.",
"surface": "light"
},
{
"id": "workflow",
"icon": "workflow",
"title": "Work connected.",
"text": "Explain how steps and services fit together.",
"surface": "dark"
},
{
"id": "growth",
"icon": "trend",
"title": "Progress in view.",
"text": "Point to results with supporting words and data.",
"surface": "lime"
}
],
"rulesTitle": "Consistent in form. Useful in context.",
"rules": [
"Draw on the 24 px grid with a 1.7-unit stroke, square caps and miter joins. Leave room inside the frame; preserve the original geometry.",
"Use a single solid color inherited from the surrounding text. Ink on white or lime; white on ink. Avoid gradients, shadows and individual multicolor parts.",
"Use familiar symbols for familiar actions. Pair them with visible labels when meaning is uncertain; do not use the robot to represent every AI feature.",
"Decorative icons stay hidden from screen readers. An icon-only button needs an accessible name on the button and a usable hit area, at least 44 × 44 px in this library’s examples.",
"Use words alongside status icons. Color and a check mark alone cannot explain a successful action or an error.",
"Utility icons belong to interfaces and supporting content. The 6am brand icon and logo keep their separate identity rules and original files."
],
"usageTitle": "Use the same source in your interface.",
"usageText": "DsIcon is decorative by default. Put the action name on its parent button; an SVG used as meaningful standalone content needs an accessible text alternative. Inline SVG inherits currentColor; an external SVG loaded with img does not inherit the page text color. Use inline markup when you need the icon to follow the surrounding color.",
"exampleAction": "Download icon",
"exampleIconOnly": "Search catalog",
"resources": "Ready for people and AI.",
"resourceText": "Each drawing has a stable SVG URL. The JSON includes names, categories, geometry, markup and asset paths. Copy the guide to keep implementation consistent.",
"json": "Icon library · JSON",
"guide": "Copy icon guide",
"brand": "Brand icon rules",
"status": "Pilot library. Review new symbols in context before expanding the set."
}
}