{
  "name": "icon",
  "displayName": "Icon",
  "type": "shadow",
  "isCustomElement": true,
  "tag": "l-icon",
  "nativeTag": null,
  "selector": "l-icon",
  "subItemOf": null,
  "summary": "An icon component that renders icons from any Iconify icon set. Decorative by default. Set `label` for meaningful icons.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": null,
    "js": "luxen-ui/icon"
  },
  "properties": [
    {
      "name": "name",
      "attribute": "name",
      "type": "string",
      "default": "''",
      "reflects": false,
      "description": "The icon name in Iconify format (e.g. `mdi:home`, `lucide:check`)."
    },
    {
      "name": "label",
      "attribute": "label",
      "type": "string | undefined",
      "default": null,
      "reflects": false,
      "description": "Accessible label. When set, the icon becomes meaningful (`role=\"img\"` + `aria-label`). When absent, the icon is decorative."
    }
  ],
  "attributes": [],
  "events": [],
  "methods": [],
  "slots": [],
  "cssClasses": [],
  "cssParts": [],
  "cssProperties": [
    {
      "name": "--color",
      "default": "currentColor",
      "description": "The color of the icon."
    }
  ],
  "commands": [],
  "examples": []
}