Discord Filled icon
ant-design:discord-filled
The Discord Filled icon (ant-design:discord-filled) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design 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
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- discordfilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M811.152 87c51.153 0 92.41 41.358 94.848 90.028V960l-97.395-82.68l-53.482-48.67l-58.356-50.852l24.376 80.207H210.41c-51.007 0-92.41-38.74-92.41-90.065V177.21c0-48.67 41.476-90.1 92.592-90.1h600.305zM588.164 294.109h-1.091l-7.346 7.269c75.382 21.806 111.855 55.86 111.855 55.86c-48.582-24.277-92.364-36.416-136.146-41.323c-31.636-4.906-63.272-2.326-90 0h-7.272c-17.091 0-53.455 7.27-102.182 26.713c-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.134c0 0 36.364 63.238 136.11 65.637c0 0 14.545-19.371 29.272-36.417c-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.09c12 4.943 24 9.813 33.818 14.538a297.6 297.6 0 0 0 65.455 19.48c33.818 4.906 72.581 7.269 116.727 0c21.818-4.906 43.636-9.704 65.454-19.444c14.182-7.269 31.637-14.537 50.8-26.785c0 0-21.818 34.018-80.181 51.026c12 16.937 28.909 36.344 28.909 36.344c99.782-2.18 138.545-65.419 140.727-62.73c0-140.65-66-255.133-66-255.133c-59.455-44.121-115.09-45.793-124.91-45.793l2.037-.727zM595 454c25.463 0 46 21.757 46 48.41c0 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 0C454.499 454 475 475.757 475 502.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"/></svg>How to use the Discord Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:discord-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:discord-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:discord-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--discord-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:discord-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:discord-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/discord-filled.svg" alt="Discord Filled icon" width="24" height="24">Related icons in Ant Design Icons
Discord Filled icon in other icon sets
Discord Filled icon FAQ
Is the Discord Filled icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Discord Filled icon in React?
Install @iconify/react and render <Icon icon="ant-design:discord-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Discord Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/discord-filled.svg" alt="Discord Filled icon">, or paste the SVG code inline to style it with CSS.