discord logo
discord from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- discord
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
discord-fillAkar Iconsdiscord-filledAnt Design IconsdiscordBootstrap IconsdiscordBoxicons BrandsdiscordCoreUI BrandsdiscordFont Awesome 6 BrandsdiscordFont Awesome Brandsdiscord-solidFlowbite IconsdiscordHuge IconsdiscordIconoirdiscordJam IconsdiscordLine AwesomediscordMaterial Line IconsdiscordSVG LogosdiscordMage IconsdiscordMaterial Design Iconsdiscord-fillMingCute IcondiscordOpenMojidiscordPixelarticonsdiscordPrime Iconsdiscord-fillRemix IcondiscordSkill Iconsdiscord-outlineTeenyiconsdiscordUnicons
Use the discord logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDiscord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.317%204.37a19.8%2019.8%200%200%200-4.885-1.515a.074.074%200%200%200-.079.037c-.21.375-.444.864-.608%201.25a18.3%2018.3%200%200%200-5.487%200a13%2013%200%200%200-.617-1.25a.08.08%200%200%200-.079-.037A19.7%2019.7%200%200%200%203.677%204.37a.1.1%200%200%200-.032.027C.533%209.046-.32%2013.58.099%2018.057a.08.08%200%200%200%20.031.057a19.9%2019.9%200%200%200%205.993%203.03a.08.08%200%200%200%20.084-.028a14%2014%200%200%200%201.226-1.994a.076.076%200%200%200-.041-.106a13%2013%200%200%201-1.872-.892a.077.077%200%200%201-.008-.128a10%2010%200%200%200%20.372-.292a.07.07%200%200%201%20.077-.01c3.928%201.793%208.18%201.793%2012.062%200a.07.07%200%200%201%20.078.01q.181.149.373.292a.077.077%200%200%201-.006.127a12.3%2012.3%200%200%201-1.873.892a.077.077%200%200%200-.041.107c.36.698.772%201.362%201.225%201.993a.08.08%200%200%200%20.084.028a19.8%2019.8%200%200%200%206.002-3.03a.08.08%200%200%200%20.032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06%200%200%200-.031-.03M8.02%2015.33c-1.182%200-2.157-1.085-2.157-2.419c0-1.333.956-2.419%202.157-2.419c1.21%200%202.176%201.096%202.157%202.42c0%201.333-.956%202.418-2.157%202.418m7.975%200c-1.183%200-2.157-1.085-2.157-2.419c0-1.333.955-2.419%202.157-2.419c1.21%200%202.176%201.096%202.157%202.42c0%201.333-.946%202.418-2.157%202.418%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.317%204.37a19.8%2019.8%200%200%200-4.885-1.515a.074.074%200%200%200-.079.037c-.21.375-.444.864-.608%201.25a18.3%2018.3%200%200%200-5.487%200a13%2013%200%200%200-.617-1.25a.08.08%200%200%200-.079-.037A19.7%2019.7%200%200%200%203.677%204.37a.1.1%200%200%200-.032.027C.533%209.046-.32%2013.58.099%2018.057a.08.08%200%200%200%20.031.057a19.9%2019.9%200%200%200%205.993%203.03a.08.08%200%200%200%20.084-.028a14%2014%200%200%200%201.226-1.994a.076.076%200%200%200-.041-.106a13%2013%200%200%201-1.872-.892a.077.077%200%200%201-.008-.128a10%2010%200%200%200%20.372-.292a.07.07%200%200%201%20.077-.01c3.928%201.793%208.18%201.793%2012.062%200a.07.07%200%200%201%20.078.01q.181.149.373.292a.077.077%200%200%201-.006.127a12.3%2012.3%200%200%201-1.873.892a.077.077%200%200%200-.041.107c.36.698.772%201.362%201.225%201.993a.08.08%200%200%200%20.084.028a19.8%2019.8%200%200%200%206.002-3.03a.08.08%200%200%200%20.032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06%200%200%200-.031-.03M8.02%2015.33c-1.182%200-2.157-1.085-2.157-2.419c0-1.333.956-2.419%202.157-2.419c1.21%200%202.176%201.096%202.157%202.42c0%201.333-.956%202.418-2.157%202.418m7.975%200c-1.183%200-2.157-1.085-2.157-2.419c0-1.333.955-2.419%202.157-2.419c1.21%200%202.176%201.096%202.157%202.42c0%201.333-.946%202.418-2.157%202.418%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/discord.svg?color=%231a73e8&size=48
