logo discord icon
logo-discord from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-discord
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
The same icon in other sets
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-dockerlogo-dribbblelogo-dropboxlogo-edge
Use the logo discord icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 66.52A50 50 0 0 0 414.12 17L97.64 16A49.65 49.65 0 0 0 48 65.52V392c0 27.3 22.28 48 49.64 48H368l-13-44l109 100ZM324.65 329.81s-8.72-10.39-16-19.32C340.39 301.55 352.5 282 352.5 282a139 139 0 0 1-27.85 14.25a173.3 173.3 0 0 1-35.11 10.39a170 170 0 0 1-62.72-.24a184.5 184.5 0 0 1-35.59-10.4a141.5 141.5 0 0 1-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21c-.49-.24-.73-.48-1-.48c-4.36-2.42-6.78-4.11-6.78-4.11s11.62 19.09 42.38 28.26c-7.27 9.18-16.23 19.81-16.23 19.81c-53.51-1.69-73.85-36.47-73.85-36.47c0-77.06 34.87-139.62 34.87-139.62c34.87-25.85 67.8-25.12 67.8-25.12l2.42 2.9c-43.59 12.32-63.44 31.4-63.44 31.4s5.32-2.9 14.28-6.77c25.91-11.35 46.5-14.25 55-15.21a24 24 0 0 1 4.12-.49a205.6 205.6 0 0 1 48.91-.48a201.6 201.6 0 0 1 72.89 22.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73 67.81 25.16c0 0 34.87 62.56 34.87 139.62c0-.28-20.35 34.5-73.86 36.19"/><path fill="currentColor" d="M212.05 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.8 0 24.7-11.83 24.7-26.57c.25-14.76-10.9-26.57-24.7-26.57m88.38 0c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.81 0 24.7-11.83 24.7-26.57S314 218 300.43 218"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoDiscord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 66.52A50 50 0 0 0 414.12 17L97.64 16A49.65 49.65 0 0 0 48 65.52V392c0 27.3 22.28 48 49.64 48H368l-13-44l109 100ZM324.65 329.81s-8.72-10.39-16-19.32C340.39 301.55 352.5 282 352.5 282a139 139 0 0 1-27.85 14.25a173.3 173.3 0 0 1-35.11 10.39a170 170 0 0 1-62.72-.24a184.5 184.5 0 0 1-35.59-10.4a141.5 141.5 0 0 1-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21c-.49-.24-.73-.48-1-.48c-4.36-2.42-6.78-4.11-6.78-4.11s11.62 19.09 42.38 28.26c-7.27 9.18-16.23 19.81-16.23 19.81c-53.51-1.69-73.85-36.47-73.85-36.47c0-77.06 34.87-139.62 34.87-139.62c34.87-25.85 67.8-25.12 67.8-25.12l2.42 2.9c-43.59 12.32-63.44 31.4-63.44 31.4s5.32-2.9 14.28-6.77c25.91-11.35 46.5-14.25 55-15.21a24 24 0 0 1 4.12-.49a205.6 205.6 0 0 1 48.91-.48a201.6 201.6 0 0 1 72.89 22.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73 67.81 25.16c0 0 34.87 62.56 34.87 139.62c0-.28-20.35 34.5-73.86 36.19"/><path fill="currentColor" d="M212.05 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.8 0 24.7-11.83 24.7-26.57c.25-14.76-10.9-26.57-24.7-26.57m88.38 0c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.81 0 24.7-11.83 24.7-26.57S314 218 300.43 218"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 66.52A50 50 0 0 0 414.12 17L97.64 16A49.65 49.65 0 0 0 48 65.52V392c0 27.3 22.28 48 49.64 48H368l-13-44l109 100ZM324.65 329.81s-8.72-10.39-16-19.32C340.39 301.55 352.5 282 352.5 282a139 139 0 0 1-27.85 14.25a173.3 173.3 0 0 1-35.11 10.39a170 170 0 0 1-62.72-.24a184.5 184.5 0 0 1-35.59-10.4a141.5 141.5 0 0 1-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21c-.49-.24-.73-.48-1-.48c-4.36-2.42-6.78-4.11-6.78-4.11s11.62 19.09 42.38 28.26c-7.27 9.18-16.23 19.81-16.23 19.81c-53.51-1.69-73.85-36.47-73.85-36.47c0-77.06 34.87-139.62 34.87-139.62c34.87-25.85 67.8-25.12 67.8-25.12l2.42 2.9c-43.59 12.32-63.44 31.4-63.44 31.4s5.32-2.9 14.28-6.77c25.91-11.35 46.5-14.25 55-15.21a24 24 0 0 1 4.12-.49a205.6 205.6 0 0 1 48.91-.48a201.6 201.6 0 0 1 72.89 22.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73 67.81 25.16c0 0 34.87 62.56 34.87 139.62c0-.28-20.35 34.5-73.86 36.19"/><path fill="currentColor" d="M212.05 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.8 0 24.7-11.83 24.7-26.57c.25-14.76-10.9-26.57-24.7-26.57m88.38 0c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.81 0 24.7-11.83 24.7-26.57S314 218 300.43 218"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464%2066.52A50%2050%200%200%200%20414.12%2017L97.64%2016A49.65%2049.65%200%200%200%2048%2065.52V392c0%2027.3%2022.28%2048%2049.64%2048H368l-13-44l109%20100ZM324.65%20329.81s-8.72-10.39-16-19.32C340.39%20301.55%20352.5%20282%20352.5%20282a139%20139%200%200%201-27.85%2014.25a173.3%20173.3%200%200%201-35.11%2010.39a170%20170%200%200%201-62.72-.24a184.5%20184.5%200%200%201-35.59-10.4a141.5%20141.5%200%200%201-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21c-.49-.24-.73-.48-1-.48c-4.36-2.42-6.78-4.11-6.78-4.11s11.62%2019.09%2042.38%2028.26c-7.27%209.18-16.23%2019.81-16.23%2019.81c-53.51-1.69-73.85-36.47-73.85-36.47c0-77.06%2034.87-139.62%2034.87-139.62c34.87-25.85%2067.8-25.12%2067.8-25.12l2.42%202.9c-43.59%2012.32-63.44%2031.4-63.44%2031.4s5.32-2.9%2014.28-6.77c25.91-11.35%2046.5-14.25%2055-15.21a24%2024%200%200%201%204.12-.49a205.6%20205.6%200%200%201%2048.91-.48a201.6%20201.6%200%200%201%2072.89%2022.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73%2067.81%2025.16c0%200%2034.87%2062.56%2034.87%20139.62c0-.28-20.35%2034.5-73.86%2036.19%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M212.05%20218c-13.8%200-24.7%2011.84-24.7%2026.57s11.14%2026.57%2024.7%2026.57c13.8%200%2024.7-11.83%2024.7-26.57c.25-14.76-10.9-26.57-24.7-26.57m88.38%200c-13.8%200-24.7%2011.84-24.7%2026.57s11.14%2026.57%2024.7%2026.57c13.81%200%2024.7-11.83%2024.7-26.57S314%20218%20300.43%20218%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464%2066.52A50%2050%200%200%200%20414.12%2017L97.64%2016A49.65%2049.65%200%200%200%2048%2065.52V392c0%2027.3%2022.28%2048%2049.64%2048H368l-13-44l109%20100ZM324.65%20329.81s-8.72-10.39-16-19.32C340.39%20301.55%20352.5%20282%20352.5%20282a139%20139%200%200%201-27.85%2014.25a173.3%20173.3%200%200%201-35.11%2010.39a170%20170%200%200%201-62.72-.24a184.5%20184.5%200%200%201-35.59-10.4a141.5%20141.5%200%200%201-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21c-.49-.24-.73-.48-1-.48c-4.36-2.42-6.78-4.11-6.78-4.11s11.62%2019.09%2042.38%2028.26c-7.27%209.18-16.23%2019.81-16.23%2019.81c-53.51-1.69-73.85-36.47-73.85-36.47c0-77.06%2034.87-139.62%2034.87-139.62c34.87-25.85%2067.8-25.12%2067.8-25.12l2.42%202.9c-43.59%2012.32-63.44%2031.4-63.44%2031.4s5.32-2.9%2014.28-6.77c25.91-11.35%2046.5-14.25%2055-15.21a24%2024%200%200%201%204.12-.49a205.6%20205.6%200%200%201%2048.91-.48a201.6%20201.6%200%200%201%2072.89%2022.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73%2067.81%2025.16c0%200%2034.87%2062.56%2034.87%20139.62c0-.28-20.35%2034.5-73.86%2036.19%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M212.05%20218c-13.8%200-24.7%2011.84-24.7%2026.57s11.14%2026.57%2024.7%2026.57c13.8%200%2024.7-11.83%2024.7-26.57c.25-14.76-10.9-26.57-24.7-26.57m88.38%200c-13.8%200-24.7%2011.84-24.7%2026.57s11.14%2026.57%2024.7%2026.57c13.81%200%2024.7-11.83%2024.7-26.57S314%20218%20300.43%20218%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-discord.svg?color=%231a73e8&size=48
