{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "n8n-logo",
  "title": "n8n Logo",
  "description": "n8n logo with variant support",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/blocks/logos/n8n-logo/components/logos/n8n.tsx",
      "content": "const COLORS = {\n  dark: \"#FFFFFF\",\n  light: \"#000000\",\n};\n\nexport function N8nLogo({\n  className,\n  variant = \"icon\",\n  mode = \"dark\",\n}: {\n  className?: string;\n  variant?: \"icon\" | \"icon-color\" | \"wordmark\";\n  mode?: \"dark\" | \"light\";\n}) {\n  const color = COLORS[mode];\n\n  if (variant === \"icon\") {\n    return (\n      <svg\n        role=\"img\"\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        fill={color}\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      >\n        <title>n8n</title>\n        <path\n          clipRule=\"evenodd\"\n          d=\"M24 8.4c0 1.325-1.102 2.4-2.462 2.4-1.146 0-2.11-.765-2.384-1.8h-3.436c-.602 0-1.115.424-1.214 1.003l-.101.592a2.38 2.38 0 01-.8 1.405c.412.354.704.844.8 1.405l.1.592A1.222 1.222 0 0015.719 15h.975c.273-1.035 1.237-1.8 2.384-1.8 1.36 0 2.461 1.075 2.461 2.4S20.436 18 19.078 18c-1.147 0-2.11-.765-2.384-1.8h-.975c-1.204 0-2.23-.848-2.428-2.005l-.101-.592a1.222 1.222 0 00-1.214-1.003H10.97c-.308.984-1.246 1.7-2.356 1.7-1.11 0-2.048-.716-2.355-1.7H4.817c-.308.984-1.246 1.7-2.355 1.7C1.102 14.3 0 13.225 0 11.9s1.102-2.4 2.462-2.4c1.183 0 2.172.815 2.408 1.9h1.337c.236-1.085 1.225-1.9 2.408-1.9 1.184 0 2.172.815 2.408 1.9h.952c.601 0 1.115-.424 1.213-1.003l.102-.592c.198-1.157 1.225-2.005 2.428-2.005h3.436c.274-1.035 1.238-1.8 2.384-1.8C22.898 6 24 7.075 24 8.4zm-1.23 0c0 .663-.552 1.2-1.232 1.2-.68 0-1.23-.537-1.23-1.2 0-.663.55-1.2 1.23-1.2.68 0 1.231.537 1.231 1.2zM2.461 13.1c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm6.153 0c.68 0 1.231-.537 1.231-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm10.462 3.7c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.23.537-1.23 1.2 0 .663.55 1.2 1.23 1.2z\"\n        ></path>\n      </svg>\n    );\n  }\n\n  if (variant === \"icon-color\") {\n    return (\n      <svg\n        role=\"img\"\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <title>n8n</title>\n        <path\n          clipRule=\"evenodd\"\n          d=\"M24 8.4c0 1.325-1.102 2.4-2.462 2.4-1.146 0-2.11-.765-2.384-1.8h-3.436c-.602 0-1.115.424-1.214 1.003l-.101.592a2.38 2.38 0 01-.8 1.405c.412.354.704.844.8 1.405l.1.592A1.222 1.222 0 0015.719 15h.975c.273-1.035 1.237-1.8 2.384-1.8 1.36 0 2.461 1.075 2.461 2.4S20.436 18 19.078 18c-1.147 0-2.11-.765-2.384-1.8h-.975c-1.204 0-2.23-.848-2.428-2.005l-.101-.592a1.222 1.222 0 00-1.214-1.003H10.97c-.308.984-1.246 1.7-2.356 1.7-1.11 0-2.048-.716-2.355-1.7H4.817c-.308.984-1.246 1.7-2.355 1.7C1.102 14.3 0 13.225 0 11.9s1.102-2.4 2.462-2.4c1.183 0 2.172.815 2.408 1.9h1.337c.236-1.085 1.225-1.9 2.408-1.9 1.184 0 2.172.815 2.408 1.9h.952c.601 0 1.115-.424 1.213-1.003l.102-.592c.198-1.157 1.225-2.005 2.428-2.005h3.436c.274-1.035 1.238-1.8 2.384-1.8C22.898 6 24 7.075 24 8.4zm-1.23 0c0 .663-.552 1.2-1.232 1.2-.68 0-1.23-.537-1.23-1.2 0-.663.55-1.2 1.23-1.2.68 0 1.231.537 1.231 1.2zM2.461 13.1c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm6.153 0c.68 0 1.231-.537 1.231-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm10.462 3.7c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.23.537-1.23 1.2 0 .663.55 1.2 1.23 1.2z\"\n          fill=\"#EA4B71\"\n          fillRule=\"evenodd\"\n        ></path>\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 60 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      fill={color}\n      fillRule=\"evenodd\"\n    >\n      <title>n8n</title>\n      <path d=\"M2 21.667h4.26v-9.02c0-2.962 1.798-4.26 3.828-4.26 1.997 0 3.561 1.332 3.561 4.06v9.22h4.26V11.582c0-4.36-2.53-6.89-6.49-6.89-2.496 0-3.894 1-4.893 2.297H6.26l-.366-1.963H2v16.641zM34.215 10.45v-.199c1.465-.732 2.93-1.997 2.93-4.493C37.144 2.163 34.18 0 30.087 0c-4.194 0-7.19 2.297-7.19 5.824 0 2.397 1.399 3.695 2.93 4.427v.2a5.653 5.653 0 00-3.728 5.392C22.1 19.47 25.095 22 30.054 22c4.96 0 7.855-2.53 7.855-6.157 0-2.996-1.997-4.76-3.694-5.392zm-4.16-7.388c1.664 0 2.895 1.065 2.895 2.862 0 1.798-1.265 2.863-2.896 2.863-1.63 0-2.995-1.065-2.995-2.863 0-1.83 1.298-2.862 2.995-2.862zm0 15.743c-1.931 0-3.495-1.232-3.495-3.329 0-1.897 1.298-3.328 3.46-3.328 2.132 0 3.43 1.398 3.43 3.395 0 2.03-1.498 3.262-3.396 3.262zM42.237 21.667h4.26v-9.02c0-2.962 1.797-4.26 3.828-4.26 1.997 0 3.56 1.332 3.56 4.06v9.22h4.261V11.582c0-4.36-2.53-6.89-6.49-6.89-2.496 0-3.894 1-4.893 2.297h-.266l-.366-1.963h-3.894v16.641z\"></path>\n    </svg>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "hasVariants": true,
    "variants": [
      "icon",
      "icon-color",
      "wordmark"
    ],
    "variantTypes": {
      "base": [
        "icon",
        "icon-color",
        "wordmark"
      ],
      "modes": [
        "dark",
        "light"
      ]
    }
  },
  "docs": "n8n logo with 3 base variant(s) (icon, icon-color, wordmark) and 2 modes (dark, light) = 6 total combinations.",
  "categories": [
    "AI",
    "logo",
    "brand"
  ],
  "type": "registry:ui"
}