Discourse Icon icon
logos:discourse-icon
The Discourse Icon icon (logos:discourse-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 259 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
- 256 × 259
- Tags
- discourseicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" 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="#fff9ae" 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="#00aeef" 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="#00a94f" 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="#f15d22" 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="#d0232b" 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>How to use the Discourse Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:discourse-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:discourse-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:discourse-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--discourse-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:discourse-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:discourse-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/discourse-icon.svg" alt="Discourse Icon icon" width="24" height="24">Related icons in SVG Logos
Discourse Icon icon FAQ
Is the Discourse Icon 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 icon in React?
Install @iconify/react and render <Icon icon="logos:discourse-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Discourse Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/discourse-icon.svg" alt="Discourse Icon icon">, or paste the SVG code inline to style it with CSS.