Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Ant Design Icons · AiFillDiscord

Fill Discord icon

A free fill discord icon from Ant Design Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/ant-design/fill-discord.json
components/icons/ant-design-fill-discord.tsx
import * as React from "react";

/**
 * Fill Discord from Ant Design Icons (https://github.com/ant-design/ant-design-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/ant-design/fill-discord. Sized in em, colored by currentColor.
 */
export function AiFillDiscordIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 1024 1024"
      fillRule="evenodd"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M693.152 0c51.153 0 92.41 41.358 94.848 90.028V873l-97.395-82.68-53.482-48.67-58.356-50.852 24.376 80.207H92.41C41.403 771.005 0 732.265 0 680.94V90.21C0 41.54 41.476.11 92.592.11h600.305zM470.164 207.109h-1.091l-7.346 7.269c75.382 21.806 111.855 55.86 111.855 55.86-48.582-24.277-92.364-36.416-136.146-41.323-31.636-4.906-63.272-2.326-90 0h-7.272c-17.091 0-53.455 7.27-102.182 26.713-16.982 7.378-26.727 12.212-26.727 12.212s36.436-36.417 116.727-55.86l-4.91-4.907s-60.8-2.326-126.436 46.156c0 0-65.636 114.265-65.636 255.134 0 0 36.364 63.238 136.11 65.637 0 0 14.545-19.371 29.272-36.417-56-17.008-77.818-51.026-77.818-51.026s4.872 2.398 12.181 7.269h2.182c1.091 0 1.6.545 2.182 1.09v.218c.582.581 1.091 1.09 2.182 1.09 12 4.943 24 9.813 33.818 14.538a297.576 297.576 0 0 0 65.455 19.48c33.818 4.906 72.581 7.269 116.727 0 21.818-4.906 43.636-9.704 65.454-19.444 14.182-7.269 31.637-14.537 50.8-26.785 0 0-21.818 34.018-80.181 51.026 12 16.937 28.909 36.344 28.909 36.344 99.782-2.18 138.545-65.419 140.727-62.73 0-140.65-66-255.133-66-255.133-59.455-44.121-115.09-45.793-124.91-45.793l2.037-.727zM477 367c25.463 0 46 21.757 46 48.41 0 26.833-20.646 48.59-46 48.59s-46-21.757-46-48.373c.072-26.834 20.754-48.518 46-48.518zm-165.855 0C336.499 367 357 388.757 357 415.41c0 26.833-20.646 48.59-46 48.59s-46-21.757-46-48.373c0-26.834 20.646-48.518 46-48.518z"
        transform="translate(118 87)"
      />
    </svg>
  );
}
With react-icons
import { AiFillDiscord } from "react-icons/ai";

export function Example() {
  return <AiFillDiscord className="size-5" />;
}
fill-discord.svg
<svg
  viewBox="0 0 1024 1024"
  fill-rule="evenodd"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M693.152 0c51.153 0 92.41 41.358 94.848 90.028V873l-97.395-82.68-53.482-48.67-58.356-50.852 24.376 80.207H92.41C41.403 771.005 0 732.265 0 680.94V90.21C0 41.54 41.476.11 92.592.11h600.305zM470.164 207.109h-1.091l-7.346 7.269c75.382 21.806 111.855 55.86 111.855 55.86-48.582-24.277-92.364-36.416-136.146-41.323-31.636-4.906-63.272-2.326-90 0h-7.272c-17.091 0-53.455 7.27-102.182 26.713-16.982 7.378-26.727 12.212-26.727 12.212s36.436-36.417 116.727-55.86l-4.91-4.907s-60.8-2.326-126.436 46.156c0 0-65.636 114.265-65.636 255.134 0 0 36.364 63.238 136.11 65.637 0 0 14.545-19.371 29.272-36.417-56-17.008-77.818-51.026-77.818-51.026s4.872 2.398 12.181 7.269h2.182c1.091 0 1.6.545 2.182 1.09v.218c.582.581 1.091 1.09 2.182 1.09 12 4.943 24 9.813 33.818 14.538a297.576 297.576 0 0 0 65.455 19.48c33.818 4.906 72.581 7.269 116.727 0 21.818-4.906 43.636-9.704 65.454-19.444 14.182-7.269 31.637-14.537 50.8-26.785 0 0-21.818 34.018-80.181 51.026 12 16.937 28.909 36.344 28.909 36.344 99.782-2.18 138.545-65.419 140.727-62.73 0-140.65-66-255.133-66-255.133-59.455-44.121-115.09-45.793-124.91-45.793l2.037-.727zM477 367c25.463 0 46 21.757 46 48.41 0 26.833-20.646 48.59-46 48.59s-46-21.757-46-48.373c.072-26.834 20.754-48.518 46-48.518zm-165.855 0C336.499 367 357 388.757 357 415.41c0 26.833-20.646 48.59-46 48.59s-46-21.757-46-48.373c0-26.834 20.646-48.518 46-48.518z"
    transform="translate(118 87)"
  />
</svg>
Attribution
"Fill Discord" icon from Ant Design Icons (https://github.com/ant-design/ant-design-icons), licensed under MIT license.

Related icons: