discord logo
discord from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- discord
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 640×512
- License
- CC BY 4.0
The same logo in other sets
discord-fillAkar Iconsdiscord-filledAnt Design IconsdiscordBootstrap IconsdiscordBoxicons BrandsdiscordCoreUI 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 640 512"><path fill="currentColor" d="M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485 485 0 0 0 404.081 32.03a1.82 1.82 0 0 0-1.923.91a338 338 0 0 0-14.9 30.6a447.9 447.9 0 0 0-134.426 0a310 310 0 0 0-15.135-30.6a1.89 1.89 0 0 0-1.924-.91a483.7 483.7 0 0 0-119.688 37.107a1.7 1.7 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.02 2.02 0 0 0 .765 1.375a487.7 487.7 0 0 0 146.825 74.189a1.9 1.9 0 0 0 2.063-.676A348 348 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588a321 321 0 0 1-45.868-21.853a1.885 1.885 0 0 1-.185-3.126a251 251 0 0 0 9.109-7.137a1.82 1.82 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.81 1.81 0 0 1 1.924.233a235 235 0 0 0 9.132 7.16a1.884 1.884 0 0 1-.162 3.126a301.4 301.4 0 0 1-45.89 21.83a1.875 1.875 0 0 0-1 2.611a391 391 0 0 0 30.014 48.815a1.86 1.86 0 0 0 2.063.7A486 486 0 0 0 610.7 405.729a1.88 1.88 0 0 0 .765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239c0 32.654-23.41 59.241-52.843 59.241m195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239c0 32.654-23.177 59.241-52.844 59.241"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsDiscord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485 485 0 0 0 404.081 32.03a1.82 1.82 0 0 0-1.923.91a338 338 0 0 0-14.9 30.6a447.9 447.9 0 0 0-134.426 0a310 310 0 0 0-15.135-30.6a1.89 1.89 0 0 0-1.924-.91a483.7 483.7 0 0 0-119.688 37.107a1.7 1.7 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.02 2.02 0 0 0 .765 1.375a487.7 487.7 0 0 0 146.825 74.189a1.9 1.9 0 0 0 2.063-.676A348 348 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588a321 321 0 0 1-45.868-21.853a1.885 1.885 0 0 1-.185-3.126a251 251 0 0 0 9.109-7.137a1.82 1.82 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.81 1.81 0 0 1 1.924.233a235 235 0 0 0 9.132 7.16a1.884 1.884 0 0 1-.162 3.126a301.4 301.4 0 0 1-45.89 21.83a1.875 1.875 0 0 0-1 2.611a391 391 0 0 0 30.014 48.815a1.86 1.86 0 0 0 2.063.7A486 486 0 0 0 610.7 405.729a1.88 1.88 0 0 0 .765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239c0 32.654-23.41 59.241-52.843 59.241m195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239c0 32.654-23.177 59.241-52.844 59.241"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485 485 0 0 0 404.081 32.03a1.82 1.82 0 0 0-1.923.91a338 338 0 0 0-14.9 30.6a447.9 447.9 0 0 0-134.426 0a310 310 0 0 0-15.135-30.6a1.89 1.89 0 0 0-1.924-.91a483.7 483.7 0 0 0-119.688 37.107a1.7 1.7 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.02 2.02 0 0 0 .765 1.375a487.7 487.7 0 0 0 146.825 74.189a1.9 1.9 0 0 0 2.063-.676A348 348 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588a321 321 0 0 1-45.868-21.853a1.885 1.885 0 0 1-.185-3.126a251 251 0 0 0 9.109-7.137a1.82 1.82 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.81 1.81 0 0 1 1.924.233a235 235 0 0 0 9.132 7.16a1.884 1.884 0 0 1-.162 3.126a301.4 301.4 0 0 1-45.89 21.83a1.875 1.875 0 0 0-1 2.611a391 391 0 0 0 30.014 48.815a1.86 1.86 0 0 0 2.063.7A486 486 0 0 0 610.7 405.729a1.88 1.88 0 0 0 .765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239c0 32.654-23.41 59.241-52.843 59.241m195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239c0 32.654-23.177 59.241-52.844 59.241"/></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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M524.531%2069.836a1.5%201.5%200%200%200-.764-.7A485%20485%200%200%200%20404.081%2032.03a1.82%201.82%200%200%200-1.923.91a338%20338%200%200%200-14.9%2030.6a447.9%20447.9%200%200%200-134.426%200a310%20310%200%200%200-15.135-30.6a1.89%201.89%200%200%200-1.924-.91a483.7%20483.7%200%200%200-119.688%2037.107a1.7%201.7%200%200%200-.788.676C39.068%20183.651%2018.186%20294.69%2028.43%20404.354a2.02%202.02%200%200%200%20.765%201.375a487.7%20487.7%200%200%200%20146.825%2074.189a1.9%201.9%200%200%200%202.063-.676A348%20348%200%200%200%20208.12%20430.4a1.86%201.86%200%200%200-1.019-2.588a321%20321%200%200%201-45.868-21.853a1.885%201.885%200%200%201-.185-3.126a251%20251%200%200%200%209.109-7.137a1.82%201.82%200%200%201%201.9-.256c96.229%2043.917%20200.41%2043.917%20295.5%200a1.81%201.81%200%200%201%201.924.233a235%20235%200%200%200%209.132%207.16a1.884%201.884%200%200%201-.162%203.126a301.4%20301.4%200%200%201-45.89%2021.83a1.875%201.875%200%200%200-1%202.611a391%20391%200%200%200%2030.014%2048.815a1.86%201.86%200%200%200%202.063.7A486%20486%200%200%200%20610.7%20405.729a1.88%201.88%200%200%200%20.765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491%20337.58c-28.972%200-52.844-26.587-52.844-59.239s23.409-59.241%2052.844-59.241c29.665%200%2053.306%2026.82%2052.843%2059.239c0%2032.654-23.41%2059.241-52.843%2059.241m195.38%200c-28.971%200-52.843-26.587-52.843-59.239s23.409-59.241%2052.843-59.241c29.667%200%2053.307%2026.82%2052.844%2059.239c0%2032.654-23.177%2059.241-52.844%2059.241%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M524.531%2069.836a1.5%201.5%200%200%200-.764-.7A485%20485%200%200%200%20404.081%2032.03a1.82%201.82%200%200%200-1.923.91a338%20338%200%200%200-14.9%2030.6a447.9%20447.9%200%200%200-134.426%200a310%20310%200%200%200-15.135-30.6a1.89%201.89%200%200%200-1.924-.91a483.7%20483.7%200%200%200-119.688%2037.107a1.7%201.7%200%200%200-.788.676C39.068%20183.651%2018.186%20294.69%2028.43%20404.354a2.02%202.02%200%200%200%20.765%201.375a487.7%20487.7%200%200%200%20146.825%2074.189a1.9%201.9%200%200%200%202.063-.676A348%20348%200%200%200%20208.12%20430.4a1.86%201.86%200%200%200-1.019-2.588a321%20321%200%200%201-45.868-21.853a1.885%201.885%200%200%201-.185-3.126a251%20251%200%200%200%209.109-7.137a1.82%201.82%200%200%201%201.9-.256c96.229%2043.917%20200.41%2043.917%20295.5%200a1.81%201.81%200%200%201%201.924.233a235%20235%200%200%200%209.132%207.16a1.884%201.884%200%200%201-.162%203.126a301.4%20301.4%200%200%201-45.89%2021.83a1.875%201.875%200%200%200-1%202.611a391%20391%200%200%200%2030.014%2048.815a1.86%201.86%200%200%200%202.063.7A486%20486%200%200%200%20610.7%20405.729a1.88%201.88%200%200%200%20.765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491%20337.58c-28.972%200-52.844-26.587-52.844-59.239s23.409-59.241%2052.844-59.241c29.665%200%2053.306%2026.82%2052.843%2059.239c0%2032.654-23.41%2059.241-52.843%2059.241m195.38%200c-28.971%200-52.843-26.587-52.843-59.239s23.409-59.241%2052.843-59.241c29.667%200%2053.307%2026.82%2052.844%2059.239c0%2032.654-23.177%2059.241-52.844%2059.241%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/discord.svg?color=%231a73e8&size=48
