Discorddotjs icon

thesvg-color:discorddotjs

The Discorddotjs icon (thesvg-color:discorddotjs) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 402 × 402 grid. theSVG Color 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.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 402 × 402
Tags: discorddotj

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="402" height="402" viewBox="0 0 402 402"><g fill="none"><path fill="#0b0c18" d="M0 0h402v402H0z"/><path fill="#fdfdfd" d="M99 242.171H68.34V121.164c3.184 0 6.294-.033 9.404.006c16.137.203 32.343-.438 48.397.829c28.729 2.269 47.694 22.233 49.736 51.014c.793 11.183.266 22.267-3.93 32.9c-1.059 2.685-2.421 3.997-5.685 4.241c-11.844.885-21.358 10.486-22.257 22.377c-.237 3.129-1.661 4.3-4.139 5.309c-9.775 3.981-20.01 4.559-30.377 4.342c-3.328-.069-6.659-.011-10.49-.011m43.801-44.116c2.94-8.351 3.509-16.943 2.1-25.605c-1.598-9.827-5.852-18.149-15.412-22.443c-10.417-4.677-21.439-2.509-32.072-2.912v69.079c6.336 0 12.33.089 18.32-.018c12.51-.224 21.568-5.849 27.064-18.101"/><path fill="#b55bfd" d="M346.965 253.019c-5.17 15.594-16.793 24.652-31.797 28.839c-29.098 8.121-55.11 1.46-77.648-18.667c-.35-.312-.576-.763-1.102-1.48c1.266-1.468 2.535-2.941 4.533-4.534c36.085 5.364 71.327 7.843 106.014-4.158m-132.142 6.108c-7.089 14.61-18.928 22.834-34.761 25.257c-19.46 2.977-36.384-1.795-49.136-17.575c-2.639-3.265-4.393-7.245-6.504-10.81l23.263-6.756c4.65 6.177 11.112 10.455 20.345 11.375c5.196.654 9.686 1.556 14.108 1.295c10.912-.644 21.792-1.822 32.685-2.786"/><path fill="#fcda5c" d="M264.466 201.962c-13.278-7.505-20.199-18.978-20.768-34.509c9.734.24 18.957.893 28.18 1.546c3.467 8.265 10.935 11.604 18.413 14.893c12.411 5.46 24.845 10.867 37.07 16.668c-13.523 3.979-26.953 6.524-40.854 4.507c-7.343-1.065-14.694-2.072-22.041-3.105"/><path fill="#fc5b5b" d="M253.543 138.79c10.048-11.728 23.402-16.576 38.242-17.441c20.379-1.189 38.004 5.619 53.066 19.766c-1.079 1.435-1.951 2.593-3.617 3.871c-13.363-.277-25.967-.225-38.493-1.182c-16.431-1.255-32.802-3.306-49.198-5.014"/><path fill="#5cfc9c" d="M264.686 202.263c7.127.732 14.478 1.739 21.821 2.804c13.901 2.017 27.331-.528 41.039-4.228c11.229 5.62 18.202 14.366 20.713 26.729c-9.615 2.137-18.868 3.868-28.121 5.599c-2.885-5.61-7.743-8.929-13.302-11.413c-12.531-5.597-25.076-11.163-37.597-16.782c-1.502-.674-2.891-1.599-4.553-2.709"/><path fill="#f39153" d="M253.28 138.98c16.659 1.518 33.03 3.569 49.461 4.824c12.526.957 25.13.905 38.193 1.359c-3.052 4.632-6.597 9.206-10.34 14.036c-7.672-6.239-15.692-11.49-25.313-12.552c-6.489-.716-13.355-.733-19.701.603c-10.523 2.216-14.814 9.594-13.688 21.296c-9.237-.2-18.46-.853-28.13-1.498c-.996-10.604 2.485-19.813 9.518-28.068"/><path fill="#5c6bfb" d="M320.172 233.566c9.219-2.13 18.472-3.861 28.105-5.638c2.376 8.253 1.908 16.428-1.082 24.79c-34.917 12.302-70.159 9.823-105.948 4.295c3.301-4.668 7.033-9.291 10.922-14.11c9.077 7.756 18.675 13.749 30.073 16.424c7.901 1.854 15.75 2.037 23.61-.196c12.324-3.503 17.621-12.761 14.32-25.565M215.047 258.83c-11.117 1.261-21.997 2.439-32.909 3.083c-4.422.261-8.912-.641-13.7-1.168c16.761-2.371 25.132-10.935 26.056-27.141c9.203-2.241 17.938-4.012 26.673-5.782c.817 10.77-1.057 21.025-6.12 31.008"/><path fill="#f35b59" d="M194.15 157.062v-35.645h27.354c0 8.204 0 16.45-.469 25.165c-9.273 3.806-18.079 7.143-26.885 10.48"/><path fill="#5dfe9d" d="M221.273 227.377c-8.841 2.215-17.576 3.986-26.713 5.812a394 394 0 0 1-.036-32.682c9.214-1.292 17.927-2.105 26.64-2.917c.071 9.781.143 19.562.109 29.787"/><path fill="#fbfbfb" d="M165.776 219.606c10.677-1.166 18.71 5.413 19.061 15.177c.316 8.782-7.067 16.271-15.994 16.224c-9.111-.048-16.387-7.801-15.821-16.858c.441-7.047 4.786-12.118 12.754-14.543"/><path fill="#fcda5c" d="M221.286 197.171c-8.835 1.231-17.548 2.044-26.692 2.876a231 231 0 0 1-.051-25.497c3.265-.797 6.039-1.017 8.776-1.46c5.969-.966 11.92-2.044 17.878-3.076c.07 8.912.141 17.825.089 27.157"/><path fill="#f39153" d="M221.346 169.637c-6.107 1.409-12.058 2.487-18.027 3.453c-2.737.443-5.511.663-8.703 1.003c-.488-5.36-.543-10.738-.531-16.573c8.871-3.795 17.677-7.132 26.806-10.493c.417 7.396.511 14.815.455 22.61"/></g></svg>

How to use the Discorddotjs icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:discorddotjs" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:discorddotjs" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:discorddotjs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--discorddotjs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:discorddotjs"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:discorddotjs"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/discorddotjs.svg" alt="Discorddotjs icon" width="24" height="24">

Discorddotjs icon in other icon sets

Discorddotjs icon FAQ

Is the Discorddotjs icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Discorddotjs icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:discorddotjs" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Discorddotjs icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/discorddotjs.svg" alt="Discorddotjs icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →