Discord Outlined
The discord-outlined icon represents Discord server invitations and community link sharing in modern applications.
Exports at 24 × 24 px
Code
Discord Outlined in your framework
In any framework. Customize it above, and the code follows.
export const DiscordOutlinedIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" {...props}>
<path fill="currentColor" fillRule="evenodd" d="M404.992 158L380 161.008s-112.128 12.256-194.016 78.016h-.96l-1.024.96c-18.368 16.896-26.368 37.664-39.008 68.032a982 982 0 0 0-37.984 112C83.264 505.872 64 609.872 64 705.008v8l4 8c29.632 52 82.24 85.12 131.008 108c48.736 22.88 90.88 35.008 120 36l19.008.992L348 849.008l35.008-62.016c37.12 8.384 79.872 14.016 128.992 14.016s91.872-5.632 128.992-14.016L676 849.008L686.016 866l18.976-.992c29.12-.992 71.264-13.12 120-36c48.768-22.88 101.376-56 131.008-108l4-8v-8c0-95.136-19.264-199.136-43.008-284.992a982 982 0 0 0-37.984-112c-12.64-30.4-20.64-51.136-39.008-68l-.992-1.024h-1.024C756.16 173.264 644 161.008 644 161.008L619.008 158l-9.024 23.008s-9.248 23.36-14.976 50.016A643 643 0 0 0 512 225.008c-17.12 0-46.72 1.12-83.008 6.016c-5.76-26.656-15.008-50.016-15.008-50.016zm-44 73.024c1.376 4.48 2.752 8.352 4 12c-41.376 10.24-85.504 25.856-125.984 50.976l33.984 54.016C356 296.496 475.232 289.008 512 289.008c36.736 0 156 7.488 239.008 59.008L784.992 294c-40.48-25.12-84.608-40.736-125.984-51.008c1.248-3.616 2.624-7.488 4-12c29.856 6.016 86.88 19.776 133.984 57.024c-.256.128 12 18.624 23.008 44.992c11.264 27.136 23.744 63.264 35.008 104c21.632 78.112 38.624 173.248 40 256.992c-20.16 30.752-57.504 58.496-97.024 77.024A311.8 311.8 0 0 1 720 795.984l-16-26.976c9.504-3.52 18.88-7.36 27.008-11.008c49.248-21.632 76-44.992 76-44.992l-42.016-48s-17.984 16.512-60 35.008C663.04 718.512 598.88 737.008 512 737.008s-151.008-18.496-192.992-36.992c-42.016-18.496-60-35.008-60-35.008l-42.016 48s26.752 23.36 76 44.992A425 425 0 0 0 320 769.008l-16 27.008a311.8 311.8 0 0 1-78.016-25.024c-39.488-18.496-76.864-46.24-96.96-76.992c1.344-83.744 18.336-178.88 40-256.992a917 917 0 0 1 34.976-104c11.008-26.368 23.264-44.864 23.008-44.992c47.104-37.248 104.128-51.008 133.984-56.992M400 449.008c-24.736 0-46.624 14.112-60 32s-20 39.872-20 64s6.624 46.112 20 64s35.264 32 60 32s46.624-14.112 60-32s20-39.872 20-64s-6.624-46.112-20-64s-35.264-32-60-32m224 0c-24.736 0-46.624 14.112-60 32s-20 39.872-20 64s6.624 46.112 20 64s35.264 32 60 32s46.624-14.112 60-32s20-39.872 20-64s-6.624-46.112-20-64s-35.264-32-60-32m-224 64c1.76 0 4 .64 8 6.016c4 5.344 8 14.72 8 25.984s-4 20.64-8 26.016c-4 5.344-6.24 5.984-8 5.984s-4-.64-8-6.016a44.83 44.83 0 0 1-8-25.984c0-11.264 4-20.64 8-26.016c4-5.344 6.24-5.984 8-5.984m224 0c1.76 0 4 .64 8 6.016c4 5.344 8 14.72 8 25.984s-4 20.64-8 26.016c-4 5.344-6.24 5.984-8 5.984s-4-.64-8-6.016a44.83 44.83 0 0 1-8-25.984c0-11.264 4-20.64 8-26.016c4-5.344 6.24-5.984 8-5.984"/>
</svg>
);Ant Design Icons
More like it
Icons that share its tags, in the same style.
Skip the copy and paste. With Pro, your AI agent finds and installs any Ant Design Icons icon from a prompt.
Get ProTags
Browse by tag
Discord Outlined is tagged gaming, community, link and 4 more. Related tags follow; each opens its icons from every library.
Pricing
Ant Design Icons MCP, with Pro
Ask for Discord Outlined or any of 830 Ant Design Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Discord Outlined icon means and where it's used, then how to install, style, label and license it.
The discord-outlined icon represents Discord server invitations and community link sharing in modern applications. This outlined Discord logo design communicates Discord server links, community invitations, and join opportunities, making it ideal for community invite buttons, server link displays, and social sharing features where Discord community access and server invitation need clear visibility across gaming platforms and community management interfaces.
In modern applications with community building features or gaming social elements, you'll see this icon enabling Discord server invitations and community link sharing. It appears in community pages displaying Discord server links, or in social sharing interfaces where Discord icons indicate server invite generation and community recruitment supporting flexible gaming community growth workflows.
From a community growth perspective, the outlined Discord icon communicates more than simple links - it specifically indicates joinable servers, shareable community invitations, and the accessible entry points that enable community expansion and member recruitment. This visual clarity helps users identify Discord invitation options and community join opportunities.
Discord Outlined is one of 830 icons in Ant Design Icons, made by HeskeyBaozi and released under MIT. It is drawn on a 1024 × 1024 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds DiscordOutlinedIcon to components/icons/ant-design-discord-outlined.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed DiscordOutlinedIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Discord Outlined icon, or any of 830 Ant Design Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 1024 × 1024 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Discord Outlined", so screen readers say what it does.
Yes. DiscordOutlinedIcon passes every SVG prop to the svg element, so <DiscordOutlinedIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes. MIT allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: MIT only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming Ant Design Icons, HeskeyBaozi and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are gaming, community, link, server, outlined and join. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Discord Outlined in another set.
Ant Design Icons draws many icons in several styles: Filled and Twotone next to the default. Open the library and pick a style above the grid to see Discord Outlined's siblings in it.
4.9 out of 5 from 150+ developers
Install Discord Outlined from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro