Logoforge
Back

Xano logo

Xano is a no-code backend platform that gives developers a database, an API builder and server-side logic without managing infrastructure. The Xano logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Xano logo
Brand color
#50a5ff
Categories
Databases
Variants
3 SVG files
Source
official website · trademark
Sponsor

Use the Xano logo

shadcn CLI
npx shadcn@latest add @logoforge/xano

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { XanoLogo } from "@/components/logos/xano";

<XanoLogo className="size-8" />
<XanoLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 -4.5 27 27"><path fill="url(#xano-a)" d="M19.302.26h6.964c.203 0 .302.25.153.389L18.45 8.137a.225.225 0 0 1-.307 0l-3.526-3.314a.225.225 0 0 1 0-.327L18.995.382a.45.45 0 0 1 .308-.122"/><path fill="url(#xano-b)" d="M19.302 17.761h6.964a.225.225 0 0 0 .153-.388L18.45 9.885a.225.225 0 0 0-.307 0l-3.526 3.313a.225.225 0 0 0 0 .328l4.377 4.113a.45.45 0 0 0 .308.122"/><path fill="#111827" d="M8.338.382a.45.45 0 0 0-.307-.121H1.067a.225.225 0 0 0-.154.388L9.811 9.01.913 17.373a.225.225 0 0 0 .154.388h6.964a.45.45 0 0 0 .307-.122l9.01-8.464a.225.225 0 0 0 0-.327z"/><defs><linearGradient id="xano-a" x1="26.832" x2="18.625" y1=".26" y2="8.281" gradientUnits="userSpaceOnUse"><stop stop-color="#50a5ff"/><stop offset="1" stop-color="#0b5aff"/></linearGradient><linearGradient id="xano-b" x1="26.832" x2="18.625" y1="17.761" y2="9.74" gradientUnits="userSpaceOnUse"><stop stop-color="#50a5ff"/><stop offset="1" stop-color="#0b5aff"/></linearGradient></defs></svg>

Download

Related logos

Xano and the Xano logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Xano; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.