Discourse icon

logos:discourse

The Discourse icon (logos:discourse) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 139 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 139

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="139" viewBox="0 0 512 139"><path d="M156.326 29.587a7.88 7.88 0 0 1 5.819 2.45a8.16 8.16 0 0 1 2.423 5.953a8.07 8.07 0 0 1-2.397 5.885a7.8 7.8 0 0 1-5.739 2.437a7.9 7.9 0 0 1-5.859-2.477a8.3 8.3 0 0 1-2.423-6.019a8.216 8.216 0 0 1 8.189-8.215zm-6.445 28.03h12.89v53.742h-12.89zm56.059 8.509l-7.99 7.989q-4.874-4.874-8.868-4.874a5.55 5.55 0 0 0-3.395.92a2.77 2.77 0 0 0-1.225 2.29c.004.714.28 1.4.772 1.917a14.5 14.5 0 0 0 3.848 2.423l4.727 2.357q7.458 3.69 10.253 7.51a15.63 15.63 0 0 1-2.237 20.4q-5.033 4.58-13.488 4.58a21.44 21.44 0 0 1-17.897-8.775l7.99-8.641a18.4 18.4 0 0 0 5.326 4.274a11.8 11.8 0 0 0 5.326 1.638a6.45 6.45 0 0 0 4.115-1.225a3.56 3.56 0 0 0 1.558-2.837q0-2.982-5.62-5.805l-4.34-2.17Q172.33 81.81 172.33 72.37a13.65 13.65 0 0 1 4.7-10.413a17.06 17.06 0 0 1 11.985-4.328a20.85 20.85 0 0 1 16.91 8.496zm60.053 3.209l-10.732 5.898a18.2 18.2 0 0 0-5.979-4.394a18 18 0 0 0-6.924-1.225a16.14 16.14 0 0 0-11.704 4.314a14.65 14.65 0 0 0-4.474 11.052a14.2 14.2 0 0 0 4.3 10.653a15.6 15.6 0 0 0 11.306 4.234q8.655 0 13.475-5.898l10.173 6.964q-8.27 10.745-23.329 10.745q-13.555 0-21.225-7.99a26.698 26.698 0 0 1 6.458-42.436a31.1 31.1 0 0 1 15.007-3.635a30.3 30.3 0 0 1 13.742 3.05a26.07 26.07 0 0 1 9.906 8.668m31.758-11.718a27.25 27.25 0 0 1 13.675 3.635a26.63 26.63 0 0 1 13.583 23.329a26.97 26.97 0 0 1-3.61 13.595a26.07 26.07 0 0 1-9.813 9.907a27.2 27.2 0 0 1-13.742 3.569a25.63 25.63 0 0 1-18.868-7.87a26.1 26.1 0 0 1-7.816-19.108c-.067-14.805 11.827-26.889 26.631-27.057zm.213 12.144a13.32 13.32 0 0 0-10 4.18a14.85 14.85 0 0 0-3.995 10.653a15.1 15.1 0 0 0 3.995 10.866a13.2 13.2 0 0 0 10 4.154a13.32 13.32 0 0 0 10.08-4.207a15 15 0 0 0 3.995-10.813a14.9 14.9 0 0 0-3.995-10.745a13.32 13.32 0 0 0-10.08-4.088m34.927-10.813h13.036v24.74c-.167 3.378.165 6.76.986 10.04a8.76 8.76 0 0 0 3.195 4.368a9.14 9.14 0 0 0 5.42 1.558A9.44 9.44 0 0 0 361 98.123a9 9 0 0 0 3.342-4.514q.798-2.223.799-9.494V58.948h12.89V80.72q0 13.463-2.131 18.416a20.1 20.1 0 0 1-7.657 9.32a23.44 23.44 0 0 1-12.85 3.237q-8.455 0-13.675-3.782a19.97 19.97 0 0 1-7.336-10.533q-1.492-4.713-1.492-17.044zm53.676 0h11.052v6.472a13.8 13.8 0 0 1 4.767-5.806a11.5 11.5 0 0 1 6.51-1.984c1.828.038 3.623.494 5.247 1.332l-3.994 11.105a8.9 8.9 0 0 0-3.729-1.132q-2.982 0-5.033 3.689q-2.05 3.687-2.05 14.447v23.262H386.54zm64.074 7.178l-7.989 7.989q-4.86-4.874-8.828-4.874a5.55 5.55 0 0 0-3.396.92a2.77 2.77 0 0 0-1.225 2.29c.005.714.28 1.4.773 1.917c1.15.99 2.449 1.794 3.848 2.383l4.727 2.357q7.457 3.69 10.253 7.51a15.646 15.646 0 0 1-2.237 20.4q-5.034 4.58-13.489 4.58a21.44 21.44 0 0 1-17.95-8.788l7.99-8.642a18.3 18.3 0 0 0 5.326 4.275c1.644.971 3.5 1.529 5.406 1.624a6.45 6.45 0 0 0 4.115-1.225a3.56 3.56 0 0 0 1.451-2.77q0-2.982-5.619-5.805l-4.34-2.17q-12.464-6.286-12.464-15.726a13.65 13.65 0 0 1 4.7-10.413a17.07 17.07 0 0 1 11.984-4.328a20.85 20.85 0 0 1 16.911 8.496zm61.24 22.237h-41.413a13.78 13.78 0 0 0 4.794 8.708a15.05 15.05 0 0 0 9.947 3.236a17.18 17.18 0 0 0 12.423-5.047l10.866 5.1a25.65 25.65 0 0 1-9.734 8.522a30.44 30.44 0 0 1-13.462 2.756q-12.09 0-19.694-7.63a25.95 25.95 0 0 1-7.55-19.08a26.83 26.83 0 0 1 7.577-19.535a25.46 25.46 0 0 1 19.015-7.763q12.13 0 19.747 7.763T512 85.913zm-12.89-10.16a12.93 12.93 0 0 0-4.98-6.978a14.65 14.65 0 0 0-8.722-2.663a15.43 15.43 0 0 0-9.468 3.023a16.84 16.84 0 0 0-4.727 6.658zM69.068 0C31.571 0 0 30.4 0 67.91v70.32l69.055-.067c37.497 0 67.91-31.571 67.91-69.068S106.525 0 69.068 0"/><path fill="#fff9ae" d="M69.734 26.285A42.104 42.104 0 0 0 32.73 88.43l-7.617 24.501l27.35-6.178a42.09 42.09 0 1 0 17.311-80.467z"/><path fill="#00aeef" d="M102.647 94.426c-11.956 15.083-32.62 20.13-50.183 12.259l-27.35 6.258l27.842-3.289c18.458 10.813 42.091 6.056 54.928-11.057c12.837-17.112 10.791-41.132-4.754-55.827c11.671 15.303 11.473 36.574-.483 51.656"/><path fill="#00a94f" d="M100.292 86.43c-10.315 16.248-30.339 23.426-48.627 17.432l-26.552 9.081l27.35-6.191c19.48 8.798 42.46 1.596 53.432-16.747c10.973-18.342 6.45-41.997-10.515-54.998c13.205 14 15.228 35.176 4.912 51.423"/><path fill="#f15d22" d="M35.247 89.361c-7.623-18.374-1.341-39.577 15.06-50.833c16.403-11.256 38.446-9.493 52.85 4.229c-13.34-17.507-37.915-21.78-56.381-9.804S22.187 69.109 32.73 88.429l-7.617 24.501z"/><path fill="#d0232b" d="M32.73 88.43c-9.459-17.472-5.413-39.177 9.704-52.068s37.19-13.455 52.946-1.355C80.265 19.09 55.457 17.463 38.391 31.265c-17.066 13.803-20.66 38.403-8.258 56.512l-5.006 25.166z"/></svg>

How to use the Discourse icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:discourse" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:discourse" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:discourse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--discourse]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:discourse"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:discourse"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/discourse.svg" alt="Discourse icon" width="24" height="24">

Related icons in SVG Logos

Discourse icon in other icon sets

Discourse icon FAQ

Is the Discourse icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Discourse icon in React?

Install @iconify/react and render <Icon icon="logos:discourse" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Discourse icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/discourse.svg" alt="Discourse icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →