Discord Line icon
mingcute:discord-line
The Discord Line icon (mingcute:discord-line) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon icons are released under the Apache 2.0 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
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- discordline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 12.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-6.5 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="currentColor" d="M9 6a1 1 0 0 0 0-2zm-.738-.864l-.25-.968zM6 6l.6.8zM3 16.5l.962-.275zm3.553 3.394a1 1 0 1 0 .894-1.788L7 19zM15.003 4a1 1 0 1 0 0 2zm3 2l.6-.8zm3 10.5l.962.275zm-4.447 1.606a1 1 0 1 0 .894 1.788L17.003 19zM9.361 6.278l-.213-.977zm5.278 0l.213-.977zm.552-.233l-.857-.515zm-6.382 0l.857-.515zM7.652 16.197l.375-.927zm-.204-1.188a1 1 0 1 0-.896 1.788L7 15.903zm10 1.788a1 1 0 1 0-.896-1.788l.448.894zm-11.944 1.46a1 1 0 0 0 1.789.894l-.895-.447zM9 5V4c-.29 0-.676.087-.988.168l.25.968l.25.968a6 6 0 0 1 .37-.084q.072-.014.109-.018Q9.03 6 9 6zm-.738.136l-.25-.968a15 15 0 0 0-1.394.44c-.412.153-.91.36-1.218.592L6 6l.6.8l.052-.031q.06-.034.161-.08c.136-.064.308-.135.503-.207c.39-.145.834-.284 1.196-.378zM6 6l-.6-.8c-.713.535-1.267 1.468-1.694 2.416c-.445.987-.822 2.147-1.113 3.294a24.5 24.5 0 0 0-.61 3.316c-.103.95-.128 1.906.055 2.549L3 16.5l.962-.275c-.067-.232-.093-.84.009-1.787c.096-.896.29-1.967.56-3.036c.272-1.071.615-2.114.998-2.964c.4-.888.784-1.423 1.071-1.638zM3 16.5l-.962.275c.09.316.286.554.423.7c.152.161.332.31.51.443c.359.267.803.535 1.241.78c.877.49 1.869.96 2.34 1.196L7 19l.447-.894c-.528-.264-1.436-.694-2.26-1.153a10 10 0 0 1-1.02-.639a2 2 0 0 1-.25-.212c-.06-.061.004-.018.045.123zM15.003 5v1c-.008 0 .104.01.374.075a12 12 0 0 1 1.63.533q.176.074.289.132c.08.04.11.062.107.06l.6-.8l.6-.8c-.232-.174-.55-.323-.823-.437a13 13 0 0 0-.968-.355a14 14 0 0 0-.964-.276c-.26-.064-.586-.132-.845-.132zm3 1l-.6.8c.287.215.67.75 1.071 1.638c.384.85.726 1.893.997 2.964s.465 2.14.561 3.036c.102.948.076 1.555.01 1.787l.961.275l.962.275c.183-.643.158-1.598.056-2.55a24.5 24.5 0 0 0-.611-3.315c-.29-1.147-.668-2.307-1.112-3.294c-.428-.948-.982-1.881-1.695-2.416zm3 10.5l-.961-.275c.04-.14.103-.184.045-.123a2 2 0 0 1-.25.212c-.255.19-.61.409-1.022.639c-.823.46-1.731.889-2.259 1.153l.447.894l.447.894c.473-.236 1.464-.706 2.34-1.195c.44-.246.884-.514 1.242-.78c.178-.134.358-.283.51-.445c.138-.145.332-.383.423-.7zM9.361 6.278l.214.977A11.4 11.4 0 0 1 12 7V5a13.4 13.4 0 0 0-2.852.301zM12 6v1c.854 0 1.67.09 2.425.255l.214-.977l.213-.977A13.4 13.4 0 0 0 12 5zm2.639.278l-.214.977a1.515 1.515 0 0 0 1.623-.694l-.857-.516l-.857-.515a.485.485 0 0 1 .518-.229zm-5.278 0l-.213-.977c.185-.04.4.034.518.23l-.857.514l-.857.516a1.51 1.51 0 0 0 1.623.694zm-.552-.233l.857-.515l-.547-.91l-.857.516l-.857.515l.547.91zm6.382 0l.857.516l.548-.91l-.857-.516l-.858-.515l-.547.91zM12.001 17v-1c-1.485 0-2.85-.274-3.974-.73l-.375.927l-.376.927c1.38.56 3.002.876 4.724.876zm-4.35-.803l.376-.927a8 8 0 0 1-.579-.261L7 15.903l-.448.894q.35.175.724.327zm9.35-.294l-.449-.894q-.277.139-.58.261l.377.927l.375.927q.374-.152.724-.327zm-.652.294l-.376-.927c-1.124.456-2.489.73-3.973.73v2c1.723 0 3.345-.317 4.724-.876zm-9.95 2.507l.894.447l1.253-2.507l-.894-.447l-.895-.447l-1.253 2.506zm11.203 0l.895-.446l-1.254-2.508l-.894.447l-.895.447l1.254 2.508zM16 12.25h-1a.25.25 0 0 1 .25-.25v2A1.75 1.75 0 0 0 17 12.25zm-.75.75v-1a.25.25 0 0 1 .25.25h-2c0 .966.784 1.75 1.75 1.75zm-.75-.75h1a.25.25 0 0 1-.25.25v-2a1.75 1.75 0 0 0-1.75 1.75zm.75-.75v1a.25.25 0 0 1-.25-.25h2a1.75 1.75 0 0 0-1.75-1.75zm-5.75.75h-1a.25.25 0 0 1 .25-.25v2a1.75 1.75 0 0 0 1.75-1.75zm-.75.75v-1a.25.25 0 0 1 .25.25H7c0 .966.784 1.75 1.75 1.75zM8 12.25h1a.25.25 0 0 1-.25.25v-2A1.75 1.75 0 0 0 7 12.25zm.75-.75v1a.25.25 0 0 1-.25-.25h2a1.75 1.75 0 0 0-1.75-1.75z"/></svg>How to use the Discord Line icon
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:discord-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:discord-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:discord-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--discord-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:discord-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:discord-line"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/discord-line.svg" alt="Discord Line icon" width="24" height="24">Related icons in MingCute Icon
Discord Line icon in other icon sets
Discord Line icon FAQ
Is the Discord Line icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Discord Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:discord-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Discord Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/discord-line.svg" alt="Discord Line icon">, or paste the SVG code inline to style it with CSS.