discord logo
discord from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- discord
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
discord-fillAkar Iconsdiscord-filledAnt Design IconsdiscordBootstrap IconsdiscordBoxicons BrandsdiscordFont Awesome 6 BrandsdiscordFont Awesome Brandsdiscord-solidFlowbite IconsdiscordHuge IconsdiscordIconoirdiscordJam IconsdiscordLine AwesomediscordMaterial Line IconsdiscordSVG LogosdiscordMage IconsdiscordMaterial Design Iconsdiscord-fillMingCute IcondiscordOpenMojidiscordPixelarticonsdiscordPrime Iconsdiscord-fillRemix IcondiscordSimple IconsdiscordSkill Iconsdiscord-outlineTeenyiconsdiscordUnicons
Use the discord logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.964 0c1.875 0 3.385 1.516 3.474 3.302V32l-3.568-3.031l-1.958-1.781l-2.141-1.865l.891 2.938H4.948c-1.87 0-3.385-1.417-3.385-3.302V3.308c0-1.786 1.516-3.302 3.391-3.302h22zm-8.157 7.578h-.042l-.271.266c2.766.802 4.104 2.052 4.104 2.052c-1.781-.891-3.391-1.339-4.995-1.521c-1.156-.177-2.318-.083-3.297 0h-.271c-.625 0-1.958.271-3.745.984c-.62.271-.979.448-.979.448s1.333-1.339 4.281-2.052l-.182-.177s-2.229-.089-4.635 1.693c0 0-2.406 4.193-2.406 9.359c0 0 1.333 2.318 4.99 2.406c0 0 .536-.708 1.073-1.333c-2.052-.625-2.854-1.875-2.854-1.875s.182.089.448.266h.078c.042 0 .063.021.083.042v.01c.021.021.042.036.078.036c.443.182.88.359 1.24.536c.625.266 1.422.536 2.401.714c1.24.182 2.661.266 4.281 0c.797-.182 1.599-.354 2.401-.714c.516-.266 1.156-.531 1.859-.984c0 0-.797 1.25-2.938 1.875c.438.62 1.057 1.333 1.057 1.333c3.661-.083 5.083-2.401 5.161-2.302c0-5.161-2.422-9.359-2.422-9.359c-2.177-1.62-4.219-1.682-4.578-1.682l.073-.026zm.224 5.886c.938 0 1.693.797 1.693 1.776c0 .99-.76 1.786-1.693 1.786c-.938 0-1.693-.797-1.693-1.776c0-.99.76-1.786 1.693-1.786m-6.057 0c.932 0 1.688.797 1.688 1.776c0 .99-.76 1.786-1.693 1.786c-.938 0-1.698-.797-1.698-1.776c0-.99.76-1.786 1.698-1.786z"/></svg>
React
import type { SVGProps } from "react";
export function CibDiscord(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="M26.964 0c1.875 0 3.385 1.516 3.474 3.302V32l-3.568-3.031l-1.958-1.781l-2.141-1.865l.891 2.938H4.948c-1.87 0-3.385-1.417-3.385-3.302V3.308c0-1.786 1.516-3.302 3.391-3.302h22zm-8.157 7.578h-.042l-.271.266c2.766.802 4.104 2.052 4.104 2.052c-1.781-.891-3.391-1.339-4.995-1.521c-1.156-.177-2.318-.083-3.297 0h-.271c-.625 0-1.958.271-3.745.984c-.62.271-.979.448-.979.448s1.333-1.339 4.281-2.052l-.182-.177s-2.229-.089-4.635 1.693c0 0-2.406 4.193-2.406 9.359c0 0 1.333 2.318 4.99 2.406c0 0 .536-.708 1.073-1.333c-2.052-.625-2.854-1.875-2.854-1.875s.182.089.448.266h.078c.042 0 .063.021.083.042v.01c.021.021.042.036.078.036c.443.182.88.359 1.24.536c.625.266 1.422.536 2.401.714c1.24.182 2.661.266 4.281 0c.797-.182 1.599-.354 2.401-.714c.516-.266 1.156-.531 1.859-.984c0 0-.797 1.25-2.938 1.875c.438.62 1.057 1.333 1.057 1.333c3.661-.083 5.083-2.401 5.161-2.302c0-5.161-2.422-9.359-2.422-9.359c-2.177-1.62-4.219-1.682-4.578-1.682l.073-.026zm.224 5.886c.938 0 1.693.797 1.693 1.776c0 .99-.76 1.786-1.693 1.786c-.938 0-1.693-.797-1.693-1.776c0-.99.76-1.786 1.693-1.786m-6.057 0c.932 0 1.688.797 1.688 1.776c0 .99-.76 1.786-1.693 1.786c-.938 0-1.698-.797-1.698-1.776c0-.99.76-1.786 1.698-1.786z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.964 0c1.875 0 3.385 1.516 3.474 3.302V32l-3.568-3.031l-1.958-1.781l-2.141-1.865l.891 2.938H4.948c-1.87 0-3.385-1.417-3.385-3.302V3.308c0-1.786 1.516-3.302 3.391-3.302h22zm-8.157 7.578h-.042l-.271.266c2.766.802 4.104 2.052 4.104 2.052c-1.781-.891-3.391-1.339-4.995-1.521c-1.156-.177-2.318-.083-3.297 0h-.271c-.625 0-1.958.271-3.745.984c-.62.271-.979.448-.979.448s1.333-1.339 4.281-2.052l-.182-.177s-2.229-.089-4.635 1.693c0 0-2.406 4.193-2.406 9.359c0 0 1.333 2.318 4.99 2.406c0 0 .536-.708 1.073-1.333c-2.052-.625-2.854-1.875-2.854-1.875s.182.089.448.266h.078c.042 0 .063.021.083.042v.01c.021.021.042.036.078.036c.443.182.88.359 1.24.536c.625.266 1.422.536 2.401.714c1.24.182 2.661.266 4.281 0c.797-.182 1.599-.354 2.401-.714c.516-.266 1.156-.531 1.859-.984c0 0-.797 1.25-2.938 1.875c.438.62 1.057 1.333 1.057 1.333c3.661-.083 5.083-2.401 5.161-2.302c0-5.161-2.422-9.359-2.422-9.359c-2.177-1.62-4.219-1.682-4.578-1.682l.073-.026zm.224 5.886c.938 0 1.693.797 1.693 1.776c0 .99-.76 1.786-1.693 1.786c-.938 0-1.693-.797-1.693-1.776c0-.99.76-1.786 1.693-1.786m-6.057 0c.932 0 1.688.797 1.688 1.776c0 .99-.76 1.786-1.693 1.786c-.938 0-1.698-.797-1.698-1.776c0-.99.76-1.786 1.698-1.786z"/></svg> </template>
CSS
.icon-discord {
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%22M26.964%200c1.875%200%203.385%201.516%203.474%203.302V32l-3.568-3.031l-1.958-1.781l-2.141-1.865l.891%202.938H4.948c-1.87%200-3.385-1.417-3.385-3.302V3.308c0-1.786%201.516-3.302%203.391-3.302h22zm-8.157%207.578h-.042l-.271.266c2.766.802%204.104%202.052%204.104%202.052c-1.781-.891-3.391-1.339-4.995-1.521c-1.156-.177-2.318-.083-3.297%200h-.271c-.625%200-1.958.271-3.745.984c-.62.271-.979.448-.979.448s1.333-1.339%204.281-2.052l-.182-.177s-2.229-.089-4.635%201.693c0%200-2.406%204.193-2.406%209.359c0%200%201.333%202.318%204.99%202.406c0%200%20.536-.708%201.073-1.333c-2.052-.625-2.854-1.875-2.854-1.875s.182.089.448.266h.078c.042%200%20.063.021.083.042v.01c.021.021.042.036.078.036c.443.182.88.359%201.24.536c.625.266%201.422.536%202.401.714c1.24.182%202.661.266%204.281%200c.797-.182%201.599-.354%202.401-.714c.516-.266%201.156-.531%201.859-.984c0%200-.797%201.25-2.938%201.875c.438.62%201.057%201.333%201.057%201.333c3.661-.083%205.083-2.401%205.161-2.302c0-5.161-2.422-9.359-2.422-9.359c-2.177-1.62-4.219-1.682-4.578-1.682l.073-.026zm.224%205.886c.938%200%201.693.797%201.693%201.776c0%20.99-.76%201.786-1.693%201.786c-.938%200-1.693-.797-1.693-1.776c0-.99.76-1.786%201.693-1.786m-6.057%200c.932%200%201.688.797%201.688%201.776c0%20.99-.76%201.786-1.693%201.786c-.938%200-1.698-.797-1.698-1.776c0-.99.76-1.786%201.698-1.786z%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%22M26.964%200c1.875%200%203.385%201.516%203.474%203.302V32l-3.568-3.031l-1.958-1.781l-2.141-1.865l.891%202.938H4.948c-1.87%200-3.385-1.417-3.385-3.302V3.308c0-1.786%201.516-3.302%203.391-3.302h22zm-8.157%207.578h-.042l-.271.266c2.766.802%204.104%202.052%204.104%202.052c-1.781-.891-3.391-1.339-4.995-1.521c-1.156-.177-2.318-.083-3.297%200h-.271c-.625%200-1.958.271-3.745.984c-.62.271-.979.448-.979.448s1.333-1.339%204.281-2.052l-.182-.177s-2.229-.089-4.635%201.693c0%200-2.406%204.193-2.406%209.359c0%200%201.333%202.318%204.99%202.406c0%200%20.536-.708%201.073-1.333c-2.052-.625-2.854-1.875-2.854-1.875s.182.089.448.266h.078c.042%200%20.063.021.083.042v.01c.021.021.042.036.078.036c.443.182.88.359%201.24.536c.625.266%201.422.536%202.401.714c1.24.182%202.661.266%204.281%200c.797-.182%201.599-.354%202.401-.714c.516-.266%201.156-.531%201.859-.984c0%200-.797%201.25-2.938%201.875c.438.62%201.057%201.333%201.057%201.333c3.661-.083%205.083-2.401%205.161-2.302c0-5.161-2.422-9.359-2.422-9.359c-2.177-1.62-4.219-1.682-4.578-1.682l.073-.026zm.224%205.886c.938%200%201.693.797%201.693%201.776c0%20.99-.76%201.786-1.693%201.786c-.938%200-1.693-.797-1.693-1.776c0-.99.76-1.786%201.693-1.786m-6.057%200c.932%200%201.688.797%201.688%201.776c0%20.99-.76%201.786-1.693%201.786c-.938%200-1.698-.797-1.698-1.776c0-.99.76-1.786%201.698-1.786z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/discord.svg?color=%231a73e8&size=48
