Home/Libraries/SVG Logos (Iconify)/discourse-icon

SVG Logos (Iconify)

DiscourseIcon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 259"><path d="M129.095 0C59.01 0 0 56.82 0 126.93v131.434l129.07-.124c70.085 0 126.93-59.01 126.93-129.095S199.106 0 129.095 0"/><path fill="#818cf8" d="M130.34 49.13a78.696 78.696 0 0 0-69.165 116.153L46.94 211.077l51.12-11.548c29.274 13.189 63.625 7.265 86.79-14.967s30.497-56.31 18.523-86.1c-11.974-29.792-40.85-49.317-72.958-49.333z"/><path fill="#818cf8" d="M191.857 176.492c-22.347 28.19-60.971 37.625-93.798 22.912l-51.12 11.698l52.041-6.148c34.5 20.21 78.672 11.318 102.665-20.666s20.17-76.88-8.886-104.347c21.816 28.603 21.444 68.36-.902 96.55"/><path fill="#818cf8" d="M187.456 161.546c-19.28 30.369-56.707 43.785-90.89 32.582L46.94 211.102l51.12-11.573c36.408 16.446 79.361 2.983 99.87-31.3c20.508-34.285 12.054-78.497-19.655-102.798c24.681 26.169 28.462 65.747 9.182 96.115"/><path fill="#818cf8" d="M65.88 167.025c-14.25-34.345-2.508-73.973 28.15-95.012s71.857-17.743 98.779 7.903c-24.934-32.72-70.866-40.708-105.381-18.324s-45.958 67.58-26.253 103.69L46.94 211.078z"/><path fill="#818cf8" d="M61.175 165.283c-17.679-32.655-10.117-73.225 18.138-97.318s69.51-25.15 98.961-2.534c-28.251-29.748-74.62-32.792-106.518-6.993c-31.898 25.798-38.616 71.778-15.434 105.625l-9.358 47.039z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

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 @iconify/react) 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. DiscourseIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.