Discordjs icon
devicon:discordjs
The Discordjs icon (devicon:discordjs) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#b75cff" d="M34.94 85.111c-.946.403-2.27.948-3.337 1.284c-2.26.712-4.073 1-5.931 1.282c2.234 7.163 10.986 14.197 21.192 13.533c9.621 0 16.282-4.743 19.826-11.622c-10.05-.142-24.69 4.042-31.75-4.477m91.835 1.181c-3.514.419-6.024-.288-11.782 1.56c-13.939 5.741-27.734.872-32.126-.08c-1.442-.15-2.103-2.26-5.062 1.231l-1.443 1.701c6.812 6.703 16.15 10.55 25.82 10.55c13.02 0 21.823-6.288 24.748-14.829z"/><path fill="#5c6cff" d="M127.514 75.106c-7.656-5.317-9.187-1.473-13.026 2.677c.355.908.547 1.94.547 3.14c0 5.604-4.504 9.231-12.524 9.231c-6.703 0-13.624-3.296-18.787-8.131l-5.92 6.98c8.016.36 16.13 2.43 24.246 2.11c8.882-.352 20.615-3.164 24.725-4.82l.156.132a20 20 0 0 0 1.069-6.49c0-1.747-.17-3.35-.486-4.829m-57.826.116c-4.338-3.309-8.496-2.182-12.483 2.493v.8c0 6.335-5.119 11.47-11.433 11.47a11.42 11.42 0 0 1-9.687-5.37s-.499.22-1.145.495c2.988 3.766 6.66 5.713 13.947 6.003c5.935.235 11.87-.805 17.805-1.525c1.983-3.846 2.996-8.358 2.996-13.089z"/><path fill="#5cff9d" d="M69.688 61.638c-4.052-3.565-8.177-4.284-12.483 1.156v14.921c4.175-.972 8.34-1.96 12.483-2.493zm48.311 1.084c-6.232-2.728-24.892.001-28.191 1.251a34 34 0 0 0 4.243 2.114l9.779 4.286c5.259 2.192 9.255 3.827 10.658 7.41c4.037-.586 7.518-1.39 9.835-1.923l3.19-.754c-1.223-5.711-4.689-9.545-9.514-12.384"/><path fill="#ffdb5c" d="M79.565 47.88c.328 7.924 4.916 12.934 10.267 16.103c4.084.806 8.168 1.505 12.252 1.505c5.701 0 11.396-1.358 15.92-2.764a38 38 0 0 0-4.506-2.24l-9.668-4.066c-4.776-1.946-9.265-3.68-10.835-7.205c-9.634-4.892-3.172-7.979-13.428-1.332Zm-9.877.96c-3.664-2.528-7.798-1.771-12.484 2.289l.001 11.673c4.16-.417 8.322-.971 12.483-1.164z"/><path fill="#f79454" d="M83.868 35.077c-2.75 3.305-4.32 7.392-4.32 11.89q0 .462.019.912c4.454-.044 8.935.45 13.428 1.335a7 7 0 0 1-.591-2.906c0-5.275 4.394-8.462 11.207-8.462c6.151 0 11.096 2.308 15.6 6.153l4.783-5.897c-13.977-4.32-26.47-7.037-40.124-3.026Zm-14.18 2.824c-5.156-4.528-9.114-1.188-12.484 5.13v8.098c4.162-.645 8.322-1.587 12.484-2.29z"/><path fill="#ff5c5c" d="M57.204 26.748v16.284c4.162-1.405 8.322-3.483 12.484-5.132V26.748Zm46.405 0c-8.459 0-15.501 3.235-19.74 8.326c6.033.023 12.106 1.242 18.18 1.967c8.689 1.038 17.348 1.06 21.943 1.06l1.812-2.233c-5.604-5.605-13.735-9.121-22.195-9.121z"/><path fill="#5865f2" d="M0 26.748V81.75h20.823c5.458 0 9.638-.865 13.52-2.823q-.009-.203-.007-.41c0-6.335 5.12-11.468 11.436-11.468q.28 0 .557.014c1.981-4.033 2.78-8.032 2.78-13.286c0-5.421-1.02-10.139-3.064-14.223c-2.121-4.007-5.186-7.15-9.27-9.43c-4.088-2.277-9.037-3.376-14.931-3.376Zm13.2 11.785h7.937c4.637 0 8.172 1.337 10.53 4.087s3.535 6.52 3.535 11.392c0 4.95-1.259 8.802-3.694 11.63c-2.435 2.907-6.05 4.321-10.844 4.321h-7.463zm32.605 32.76a7.226 7.226 0 1 0 0 14.449a7.226 7.226 0 0 0 0-14.45z"/></svg>How to use the Discordjs icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:discordjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:discordjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:discordjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--discordjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:discordjs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:discordjs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/discordjs.svg" alt="Discordjs icon" width="24" height="24">Related icons in Devicon
Discordjs icon in other icon sets
Discordjs icon FAQ
Is the Discordjs icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Discordjs icon in React?
Install @iconify/react and render <Icon icon="devicon:discordjs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Discordjs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/discordjs.svg" alt="Discordjs icon">, or paste the SVG code inline to style it with CSS.