Logoforge
Back

Ant Design logo

Ant Design supplies a comprehensive UI component library and design guidelines that developers adopt to build consistent enterprise web interfaces. The Ant Design logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Ant Design logo
Brand color
#0170fe
Categories
UI & CSS
Variants
2 SVG files
Website
ant.design
Source
gilbarbara/logos · CC0
Sponsor

Use the Ant Design logo

shadcn CLI
npx shadcn@latest add @logoforge/ant-design

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

React
import { AntDesignLogo } from "@/components/logos/ant-design";

<AntDesignLogo className="size-8" />
<AntDesignLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><title>Group</title><defs><linearGradient id="ant-design-a" x1="62.102%" x2="108.197%" y1="0%" y2="37.864%"><stop offset="0%" stop-color="#4285eb"/><stop offset="100%" stop-color="#2ec7ff"/></linearGradient><linearGradient id="ant-design-b" x1="69.644%" x2="54.043%" y1="0%" y2="108.457%"><stop offset="0%" stop-color="#29cdff"/><stop offset="37.86%" stop-color="#148eff"/><stop offset="100%" stop-color="#0a60ff"/></linearGradient><linearGradient id="ant-design-c" x1="69.691%" x2="16.723%" y1="-12.974%" y2="117.391%"><stop offset="0%" stop-color="#fa816e"/><stop offset="41.473%" stop-color="#f74a5c"/><stop offset="100%" stop-color="#f51d2c"/></linearGradient><linearGradient id="ant-design-d" x1="68.128%" x2="30.44%" y1="-35.691%" y2="114.943%"><stop offset="0%" stop-color="#fa8e7d"/><stop offset="51.264%" stop-color="#f74a5c"/><stop offset="100%" stop-color="#f51d2c"/></linearGradient></defs><g fill="none"><path fill="url(#ant-design-a)" d="M116.85 4.545 4.53 116.775a15.396 15.396 0 0 0 0 21.812l112.32 112.229c6.039 6.033 15.792 6.033 21.83 0l47.095-47.056c5.408-5.404 5.408-14.165 0-19.568s-14.176-5.404-19.584 0l-35.702 35.672c-1.503 1.502-3.784 1.502-5.287 0l-89.696-89.622c-1.503-1.502-1.503-3.781 0-5.283l89.696-89.623c1.503-1.501 3.784-1.501 5.287 0l35.702 35.673c5.408 5.404 14.176 5.404 19.584 0s5.408-14.164 0-19.568l-47.09-47.05c-6.063-5.904-15.82-5.856-21.835.154"/><path fill="url(#ant-design-b)" d="M116.85 4.545 4.53 116.775a15.396 15.396 0 0 0 0 21.812l112.32 112.229c6.039 6.033 15.792 6.033 21.83 0l47.095-47.056c5.408-5.404 5.408-14.165 0-19.568s-14.176-5.404-19.584 0l-35.702 35.672c-1.503 1.502-3.784 1.502-5.287 0l-89.696-89.622c-1.503-1.502-1.503-3.781 0-5.283l89.696-89.623c3.742-3.226 9.849-9.76 18.815-11.29q9.996-1.703 21.857 7.5L138.686 4.39c-6.064-5.903-15.82-5.855-21.836.155"/><path fill="url(#ant-design-c)" d="M196.647 173.754c5.408 5.404 14.176 5.404 19.584 0l34.739-34.71a15.396 15.396 0 0 0 0-21.812l-35.041-34.89c-5.421-5.397-14.192-5.389-19.603.018-5.408 5.404-5.408 14.164 0 19.568l23.667 23.648c1.503 1.502 1.503 3.781 0 5.283l-23.346 23.327c-5.408 5.404-5.408 14.165 0 19.568"/><ellipse cx="128.327" cy="128.242" fill="url(#ant-design-d)" rx="30.327" ry="30.302"/></g></svg>

Download

Related logos

Ant Design and the Ant Design logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Ant Design; 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.