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

Simple Icons · SiDiscorddotjs

Discorddotjs icon

A free discorddotjs icon from Simple 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: CC0 1.0 Universal license
Project: simpleicons.org

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/discorddotjs.json

components/icons/simple-icons-discorddotjs.tsx

import * as React from "react";

/**
 * Discorddotjs from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/discorddotjs. Sized in em, colored by currentColor.
 */
export function SiDiscorddotjsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M19.427 5.015c-1.586 0-2.907.607-3.702 1.561h.002-.002a3.448 3.448 0 0 0-.806 2.401c.06 1.485.92 2.423 1.92 3.017a6.316 6.316 0 0 0 .796.397l1.833.804c.986.41 1.735.717 1.999 1.39.066.17.102.363.102.588 0 1.05-.844 1.73-2.348 1.73-1.257 0-2.555-.617-3.523-1.524l-1.11 1.31-.27.318a6.93 6.93 0 0 0 4.841 1.978c2.441 0 4.092-1.179 4.64-2.78A3.754 3.754 0 0 0 24 14.988c0-.328-.032-.628-.091-.906-.23-1.07-.879-1.789-1.783-2.321a7.17 7.17 0 0 0-.001 0 7.17 7.17 0 0 0-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.319 1.319 0 0 1-.11-.545c0-.99.824-1.587 2.101-1.587 1.153 0 2.08.433 2.925 1.154l.897-1.106.34-.419a5.96 5.96 0 0 0-4.162-1.71ZM0 5.015v10.313h3.904c1.024 0 1.808-.162 2.535-.53a2.147 2.147 0 0 1 2.247-2.225c.372-.755.522-1.505.522-2.49 0-1.016-.191-1.9-.575-2.666a4.278 4.278 0 0 0-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726 0v9.707c0 1.187-.96 2.15-2.144 2.15a2.141 2.141 0 0 1-1.816-1.007l-.215.093a7.533 7.533 0 0 1-.625.24 6.853 6.853 0 0 1-1.113.241c.42 1.344 2.06 2.662 3.974 2.538 1.804 0 3.053-.89 3.717-2.18.372-.72.562-1.567.562-2.454V5.015Zm-8.251 2.21h1.488c.87 0 1.533.25 1.975.766.442.516.662 1.223.662 2.136 0 .928-.236 1.65-.692 2.18-.457.546-1.135.811-2.034.811H2.475Zm6.113 6.142a1.355 1.355 0 1 0 0 2.71 1.355 1.355 0 0 0 0-2.71z"
      />
    </svg>
  );
}

With react-icons

import { SiDiscorddotjs } from "react-icons/si";

export function Example() {
  return <SiDiscorddotjs className="size-5" />;
}

discorddotjs.svg

<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M19.427 5.015c-1.586 0-2.907.607-3.702 1.561h.002-.002a3.448 3.448 0 0 0-.806 2.401c.06 1.485.92 2.423 1.92 3.017a6.316 6.316 0 0 0 .796.397l1.833.804c.986.41 1.735.717 1.999 1.39.066.17.102.363.102.588 0 1.05-.844 1.73-2.348 1.73-1.257 0-2.555-.617-3.523-1.524l-1.11 1.31-.27.318a6.93 6.93 0 0 0 4.841 1.978c2.441 0 4.092-1.179 4.64-2.78A3.754 3.754 0 0 0 24 14.988c0-.328-.032-.628-.091-.906-.23-1.07-.879-1.789-1.783-2.321a7.17 7.17 0 0 0-.001 0 7.17 7.17 0 0 0-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.319 1.319 0 0 1-.11-.545c0-.99.824-1.587 2.101-1.587 1.153 0 2.08.433 2.925 1.154l.897-1.106.34-.419a5.96 5.96 0 0 0-4.162-1.71ZM0 5.015v10.313h3.904c1.024 0 1.808-.162 2.535-.53a2.147 2.147 0 0 1 2.247-2.225c.372-.755.522-1.505.522-2.49 0-1.016-.191-1.9-.575-2.666a4.278 4.278 0 0 0-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726 0v9.707c0 1.187-.96 2.15-2.144 2.15a2.141 2.141 0 0 1-1.816-1.007l-.215.093a7.533 7.533 0 0 1-.625.24 6.853 6.853 0 0 1-1.113.241c.42 1.344 2.06 2.662 3.974 2.538 1.804 0 3.053-.89 3.717-2.18.372-.72.562-1.567.562-2.454V5.015Zm-8.251 2.21h1.488c.87 0 1.533.25 1.975.766.442.516.662 1.223.662 2.136 0 .928-.236 1.65-.692 2.18-.457.546-1.135.811-2.034.811H2.475Zm6.113 6.142a1.355 1.355 0 1 0 0 2.71 1.355 1.355 0 0 0 0-2.71z"
  />
</svg>

Attribution

"Discorddotjs" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Similar Simple Icons icons