Skip to content
shadcn.io

Discord Fill

The discord-fill icon represents the Discord platform brand in its filled visual style.

Add shadcn.io to your AI agent. · Pro It installs Discord Fill, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Discord Fill icon from Akar Icons
Get Pro

458 in Akar IconsMIT license (opens in a new tab)Free to copy and download

Code

Discord Fill in your framework

In any framework. Customize it above, and the code follows.

export const DiscordFillIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="M20.317 4.492c-1.53-.69-3.17-1.2-4.885-1.49a.075.075 0 0 0-.079.036c-.21.369-.444.85-.608 1.23a18.6 18.6 0 0 0-5.487 0a12 12 0 0 0-.617-1.23A.08.08 0 0 0 8.562 3c-1.714.29-3.354.8-4.885 1.491a.1.1 0 0 0-.032.027C.533 9.093-.32 13.555.099 17.961a.08.08 0 0 0 .031.055a20 20 0 0 0 5.993 2.98a.08.08 0 0 0 .084-.026a14 14 0 0 0 1.226-1.963a.074.074 0 0 0-.041-.104a13 13 0 0 1-1.872-.878a.075.075 0 0 1-.008-.125q.19-.14.372-.287a.08.08 0 0 1 .078-.01c3.927 1.764 8.18 1.764 12.061 0a.08.08 0 0 1 .079.009q.18.148.372.288a.075.075 0 0 1-.006.125q-.895.515-1.873.877a.075.075 0 0 0-.041.105c.36.687.772 1.341 1.225 1.962a.08.08 0 0 0 .084.028a20 20 0 0 0 6.002-2.981a.08.08 0 0 0 .032-.054c.5-5.094-.838-9.52-3.549-13.442a.06.06 0 0 0-.031-.028M8.02 15.278c-1.182 0-2.157-1.069-2.157-2.38c0-1.312.956-2.38 2.157-2.38c1.21 0 2.176 1.077 2.157 2.38c0 1.312-.956 2.38-2.157 2.38m7.975 0c-1.183 0-2.157-1.069-2.157-2.38c0-1.312.955-2.38 2.157-2.38c1.21 0 2.176 1.077 2.157 2.38c0 1.312-.946 2.38-2.157 2.38"/>
  </svg>
);

Other libraries

Discord Fill in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Discord Fill icon from Arcticons
  • Discord Fill icon from Material Design Icons
  • Discord Fill icon from Huge Icons
  • Discord Fill icon from Streamline
  • Discord Fill icon from Simple Icons
  • Discord Fill icon from Bootstrap Icons
  • Discord Fill icon from Iconoir
  • Discord Fill icon from Line Awesome

Akar Icons

More like it

Icons that share its tags, in the same style.

All 458 icons
  • Reddit Fill icon from Akar Icons
  • Telegram Fill icon from Akar Icons
  • Whatsapp Fill icon from Akar Icons
  • Dribbble Fill icon from Akar Icons
  • Facebook Fill icon from Akar Icons
  • Google Fill icon from Akar Icons
  • Instagram Fill icon from Akar Icons
  • Pinterest Fill icon from Akar Icons
  • Product Hunt Fill icon from Akar Icons
  • Snapchat Fill icon from Akar Icons
  • Soundcloud Fill icon from Akar Icons
  • Stack Overflow Fill icon from Akar Icons
  • Threads Fill icon from Akar Icons
  • Tiktok Fill icon from Akar Icons
  • Tumblr Fill icon from Akar Icons
  • Twitter Fill icon from Akar Icons
  • Vk Fill icon from Akar Icons
  • X Fill icon from Akar Icons
  • Youtube Fill icon from Akar Icons
  • Bootstrap Fill icon from Akar Icons
  • Figma Fill icon from Akar Icons
  • Linkedin Box Fill icon from Akar Icons
  • Linkedin Fill icon from Akar Icons
  • Spotify Fill icon from Akar Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Akar Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Discord Fill is tagged social, community, filled and 4 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Akar Icons MCP, with Pro

Ask for Discord Fill or any of 458 Akar Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Discord Fill icon means and where it's used, then how to install, style and license it.

Install Discord Fill from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro