Home/Libraries/Radix Icons/discord-logo

Radix Icons

DiscordLogoIcon

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" width="256" height="256" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0496 1.82295C10.7856 1.90319 11.8574 2.26115 12.6199 2.62373L12.9266 2.77901C12.9514 2.79253 12.9749 2.80828 12.9969 2.82588L13.0584 2.88448C13.372 3.24313 13.6573 3.82909 13.8807 4.38252C14.0527 4.80885 14.2024 5.25279 14.3123 5.63057L14.408 5.98409C14.7166 7.21788 14.904 8.66891 14.9627 10.0876L14.9793 10.6931C14.9805 10.7732 14.9618 10.8526 14.9246 10.9235C14.6234 11.4959 13.9767 12.0276 13.3289 12.4157C12.6739 12.8081 11.91 13.1188 11.2938 13.1784C11.1444 13.1927 10.9961 13.1363 10.8943 13.0261C10.74 12.8588 10.4782 12.468 10.2801 12.1647C10.19 12.027 10.1058 11.8951 10.0389 11.7897C9.37742 11.91 8.54811 11.9802 7.49981 11.9802C6.45005 11.9802 5.61963 11.9104 4.95782 11.7897C4.89097 11.895 4.80752 12.0271 4.71758 12.1647C4.51945 12.468 4.25767 12.8588 4.10332 13.0261C4.00161 13.1363 3.85321 13.1927 3.70391 13.1784C3.08767 13.1188 2.3237 12.808 1.66875 12.4157C1.02103 12.0277 0.374262 11.4959 0.0730493 10.9235C0.0358138 10.8526 0.0171992 10.7732 0.0183618 10.6931L0.0349634 10.0876C0.093615 8.6689 0.281084 7.21789 0.589651 5.98409L0.685354 5.63057C0.795251 5.25277 0.944942 4.80887 1.11699 4.38252C1.34039 3.82904 1.6256 3.24312 1.93926 2.88448L2.00078 2.82588C2.02278 2.8083 2.04627 2.79252 2.0711 2.77901L2.37774 2.62373C3.1403 2.26118 4.21209 1.90319 4.94805 1.82295L5.01153 1.821C5.03258 1.8215 5.05416 1.82261 5.075 1.82588C5.28102 1.85839 5.45876 1.9653 5.58965 2.06416C5.72776 2.16858 5.85682 2.29746 5.96758 2.42744C6.12821 2.61605 6.28274 2.84583 6.38262 3.06319C6.72535 3.03567 7.09725 3.01924 7.49981 3.01924C7.90117 3.01924 8.27218 3.03582 8.61407 3.06319C8.71396 2.84571 8.86935 2.61616 9.03008 2.42744C9.14087 2.29742 9.26985 2.1686 9.40801 2.06416C9.53894 1.96527 9.71655 1.85835 9.92266 1.82588C9.94357 1.8226 9.96502 1.82149 9.98614 1.821L10.0496 1.82295ZM9.98614 2.82979C9.91816 2.88122 9.8394 2.95699 9.76055 3.04951C9.71885 3.09848 9.68037 3.14739 9.64629 3.19502C9.95188 3.25099 10.2245 3.31714 10.4656 3.39131C11.0638 3.57535 11.5167 3.81895 11.782 4.09248L11.8836 4.21162L11.9344 4.29463C12.0299 4.49642 11.9733 4.74426 11.7879 4.8835C11.6023 5.02273 11.3485 5.00737 11.1814 4.85909L11.116 4.7878L11.032 4.70674C10.906 4.60538 10.6455 4.4505 10.1834 4.3083C9.5889 4.12545 8.71304 3.98018 7.49981 3.98018C6.28651 3.98019 5.4107 4.12542 4.81621 4.3083C4.20029 4.49783 3.94256 4.70931 3.8836 4.7878C3.72451 4.99974 3.42375 5.04252 3.21172 4.8835C2.99998 4.72437 2.95706 4.42357 3.11602 4.21162C3.35729 3.89014 3.85048 3.60163 4.53399 3.39131C4.77453 3.31731 5.04664 3.2519 5.35137 3.196C5.31718 3.14817 5.279 3.0987 5.23711 3.04951C5.15831 2.95705 5.07947 2.88121 5.01153 2.82979C4.98801 2.81202 4.96732 2.80113 4.95293 2.79268C4.28496 2.8887 3.25957 3.24454 2.60918 3.58174C2.42222 3.82444 2.2081 4.24518 2.00762 4.7419C1.84752 5.13863 1.70878 5.55164 1.60821 5.89717L1.52031 6.21651C1.19852 7.50323 1.01384 9.06717 0.981252 10.573C1.1891 10.8908 1.61848 11.2669 2.16192 11.5925C2.64542 11.8821 3.15024 12.0901 3.54668 12.1794C3.64861 12.0372 3.78107 11.8426 3.91387 11.6394C3.93652 11.6047 3.95753 11.5694 3.9793 11.5358C3.19523 11.2572 2.77363 10.8748 2.50078 10.4655L2.9002 10.1999L3.29961 9.9333C3.56096 10.3253 4.24367 11.0192 7.49981 11.0192C10.7561 11.0192 11.4396 10.3254 11.701 9.9333C11.8481 9.71328 12.1457 9.65379 12.366 9.80049C12.5863 9.94736 12.6462 10.245 12.4998 10.4655C12.2266 10.8754 11.8036 11.2581 11.0174 11.5368C11.0391 11.5703 11.0612 11.6048 11.0838 11.6394C11.2166 11.8426 11.3491 12.0372 11.451 12.1794C11.8475 12.0901 12.3522 11.8821 12.8357 11.5925C13.3792 11.2669 13.8086 10.8908 14.0164 10.573C13.9838 9.06719 13.7991 7.50322 13.4773 6.21651L13.3895 5.89717C13.2889 5.55166 13.1501 5.13861 12.99 4.7419C12.7896 4.24524 12.5754 3.82445 12.3885 3.58174C11.7381 3.24452 10.7128 2.8887 10.0447 2.79268C10.0303 2.80114 10.0097 2.81196 9.98614 2.82979ZM2.6336 9.80049C2.85404 9.6538 3.15258 9.71307 3.29961 9.9333L2.50078 10.4655C2.35423 10.2451 2.41345 9.9475 2.6336 9.80049ZM4.99981 6.6003C5.34512 6.60194 5.6761 6.75003 5.91973 7.01241C6.16321 7.2747 6.29955 7.62965 6.29961 7.99971C6.29961 8.36994 6.16336 8.72562 5.91973 8.98799C5.6761 9.25032 5.34509 9.39846 4.99981 9.4001C4.65473 9.3984 4.32441 9.25009 4.08086 8.98799C3.83723 8.72562 3.7 8.36994 3.7 7.99971C3.70007 7.62958 3.83729 7.27471 4.08086 7.01241C4.32443 6.75016 4.65462 6.602 4.99981 6.6003ZM9.99883 6.6003C10.3441 6.60195 10.6751 6.75004 10.9188 7.01241C11.1622 7.27469 11.2986 7.62971 11.2986 7.99971C11.2986 8.36992 11.1624 8.72562 10.9188 8.98799C10.6751 9.25036 10.3441 9.39845 9.99883 9.4001C9.65352 9.39846 9.32254 9.25036 9.07891 8.98799C8.83529 8.72562 8.69903 8.36993 8.69903 7.99971C8.69909 7.6297 8.83548 7.27469 9.07891 7.01241C9.32254 6.75003 9.65352 6.60194 9.99883 6.6003Z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Dashboard

Analytics

Settings

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @radix-ui/react-icons) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DiscordLogoIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.