discourse logo
discourse from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- discourse
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the discourse logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.135 0C24.885 0 32 7.313 32 15.995s-7.104 15.99-15.865 15.99L0 32.001V15.72C0 7.043 7.375.001 16.135.001zm.157 6.083a9.85 9.85 0 0 0-8.448 4.76a9.65 9.65 0 0 0-.198 9.625l-1.781 5.677l6.396-1.432a9.89 9.89 0 0 0 10.844-1.854a9.66 9.66 0 0 0 2.318-10.661a9.835 9.835 0 0 0-9.12-6.115z"/></svg>
React
import type { SVGProps } from "react";
export function CibDiscourse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.135 0C24.885 0 32 7.313 32 15.995s-7.104 15.99-15.865 15.99L0 32.001V15.72C0 7.043 7.375.001 16.135.001zm.157 6.083a9.85 9.85 0 0 0-8.448 4.76a9.65 9.65 0 0 0-.198 9.625l-1.781 5.677l6.396-1.432a9.89 9.89 0 0 0 10.844-1.854a9.66 9.66 0 0 0 2.318-10.661a9.835 9.835 0 0 0-9.12-6.115z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.135 0C24.885 0 32 7.313 32 15.995s-7.104 15.99-15.865 15.99L0 32.001V15.72C0 7.043 7.375.001 16.135.001zm.157 6.083a9.85 9.85 0 0 0-8.448 4.76a9.65 9.65 0 0 0-.198 9.625l-1.781 5.677l6.396-1.432a9.89 9.89 0 0 0 10.844-1.854a9.66 9.66 0 0 0 2.318-10.661a9.835 9.835 0 0 0-9.12-6.115z"/></svg> </template>
CSS
.icon-discourse {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.135%200C24.885%200%2032%207.313%2032%2015.995s-7.104%2015.99-15.865%2015.99L0%2032.001V15.72C0%207.043%207.375.001%2016.135.001zm.157%206.083a9.85%209.85%200%200%200-8.448%204.76a9.65%209.65%200%200%200-.198%209.625l-1.781%205.677l6.396-1.432a9.89%209.89%200%200%200%2010.844-1.854a9.66%209.66%200%200%200%202.318-10.661a9.835%209.835%200%200%200-9.12-6.115z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.135%200C24.885%200%2032%207.313%2032%2015.995s-7.104%2015.99-15.865%2015.99L0%2032.001V15.72C0%207.043%207.375.001%2016.135.001zm.157%206.083a9.85%209.85%200%200%200-8.448%204.76a9.65%209.65%200%200%200-.198%209.625l-1.781%205.677l6.396-1.432a9.89%209.89%200%200%200%2010.844-1.854a9.66%209.66%200%200%200%202.318-10.661a9.835%209.835%200%200%200-9.12-6.115z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/discourse.svg?color=%231a73e8&size=48
