discord logo icon
discord-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- discord-logo-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the discord logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M108 136a16 16 0 1 1-16-16a16 16 0 0 1 16 16m56-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m76.07 76.56l-67 29.71A20.15 20.15 0 0 1 146 214.9l-8.54-23.13c-3.13.14-6.27.24-9.45.24s-6.32-.1-9.45-.24L110 214.9a20.19 20.19 0 0 1-27.08 11.37l-67-29.71a19.93 19.93 0 0 1-11.3-23.15L34.15 57a20 20 0 0 1 16.22-14.81l36.06-5.93a20.26 20.26 0 0 1 22.79 14.84l4.41 17.41c4.74-.33 9.52-.51 14.37-.51s9.63.18 14.37.51l4.41-17.41a20.25 20.25 0 0 1 22.79-14.84l36.06 5.93A20 20 0 0 1 221.85 57l29.53 116.38a19.93 19.93 0 0 1-11.31 23.18M227.28 176L199.23 65.46l-30.07-4.94l-2.84 11.17c2.9.58 5.78 1.2 8.61 1.92a12 12 0 1 1-5.86 23.27A168.4 168.4 0 0 0 128 92a168.4 168.4 0 0 0-41.07 4.88a12 12 0 0 1-5.86-23.27c2.83-.72 5.71-1.34 8.61-1.92l-2.83-11.17l-30.08 4.94L28.72 176l60.22 26.7l5-13.57c-4.37-.76-8.67-1.65-12.88-2.71a12 12 0 0 1 5.86-23.28A168.4 168.4 0 0 0 128 168a168.4 168.4 0 0 0 41.07-4.88a12 12 0 0 1 5.86 23.28c-4.21 1.06-8.51 1.95-12.88 2.71l5 13.57Z"/></svg>
React
import type { SVGProps } from "react";
export function PhDiscordLogoBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M108 136a16 16 0 1 1-16-16a16 16 0 0 1 16 16m56-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m76.07 76.56l-67 29.71A20.15 20.15 0 0 1 146 214.9l-8.54-23.13c-3.13.14-6.27.24-9.45.24s-6.32-.1-9.45-.24L110 214.9a20.19 20.19 0 0 1-27.08 11.37l-67-29.71a19.93 19.93 0 0 1-11.3-23.15L34.15 57a20 20 0 0 1 16.22-14.81l36.06-5.93a20.26 20.26 0 0 1 22.79 14.84l4.41 17.41c4.74-.33 9.52-.51 14.37-.51s9.63.18 14.37.51l4.41-17.41a20.25 20.25 0 0 1 22.79-14.84l36.06 5.93A20 20 0 0 1 221.85 57l29.53 116.38a19.93 19.93 0 0 1-11.31 23.18M227.28 176L199.23 65.46l-30.07-4.94l-2.84 11.17c2.9.58 5.78 1.2 8.61 1.92a12 12 0 1 1-5.86 23.27A168.4 168.4 0 0 0 128 92a168.4 168.4 0 0 0-41.07 4.88a12 12 0 0 1-5.86-23.27c2.83-.72 5.71-1.34 8.61-1.92l-2.83-11.17l-30.08 4.94L28.72 176l60.22 26.7l5-13.57c-4.37-.76-8.67-1.65-12.88-2.71a12 12 0 0 1 5.86-23.28A168.4 168.4 0 0 0 128 168a168.4 168.4 0 0 0 41.07-4.88a12 12 0 0 1 5.86 23.28c-4.21 1.06-8.51 1.95-12.88 2.71l5 13.57Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M108 136a16 16 0 1 1-16-16a16 16 0 0 1 16 16m56-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m76.07 76.56l-67 29.71A20.15 20.15 0 0 1 146 214.9l-8.54-23.13c-3.13.14-6.27.24-9.45.24s-6.32-.1-9.45-.24L110 214.9a20.19 20.19 0 0 1-27.08 11.37l-67-29.71a19.93 19.93 0 0 1-11.3-23.15L34.15 57a20 20 0 0 1 16.22-14.81l36.06-5.93a20.26 20.26 0 0 1 22.79 14.84l4.41 17.41c4.74-.33 9.52-.51 14.37-.51s9.63.18 14.37.51l4.41-17.41a20.25 20.25 0 0 1 22.79-14.84l36.06 5.93A20 20 0 0 1 221.85 57l29.53 116.38a19.93 19.93 0 0 1-11.31 23.18M227.28 176L199.23 65.46l-30.07-4.94l-2.84 11.17c2.9.58 5.78 1.2 8.61 1.92a12 12 0 1 1-5.86 23.27A168.4 168.4 0 0 0 128 92a168.4 168.4 0 0 0-41.07 4.88a12 12 0 0 1-5.86-23.27c2.83-.72 5.71-1.34 8.61-1.92l-2.83-11.17l-30.08 4.94L28.72 176l60.22 26.7l5-13.57c-4.37-.76-8.67-1.65-12.88-2.71a12 12 0 0 1 5.86-23.28A168.4 168.4 0 0 0 128 168a168.4 168.4 0 0 0 41.07-4.88a12 12 0 0 1 5.86 23.28c-4.21 1.06-8.51 1.95-12.88 2.71l5 13.57Z"/></svg> </template>
CSS
.icon-discord-logo-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M108%20136a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m56-16a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16m76.07%2076.56l-67%2029.71A20.15%2020.15%200%200%201%20146%20214.9l-8.54-23.13c-3.13.14-6.27.24-9.45.24s-6.32-.1-9.45-.24L110%20214.9a20.19%2020.19%200%200%201-27.08%2011.37l-67-29.71a19.93%2019.93%200%200%201-11.3-23.15L34.15%2057a20%2020%200%200%201%2016.22-14.81l36.06-5.93a20.26%2020.26%200%200%201%2022.79%2014.84l4.41%2017.41c4.74-.33%209.52-.51%2014.37-.51s9.63.18%2014.37.51l4.41-17.41a20.25%2020.25%200%200%201%2022.79-14.84l36.06%205.93A20%2020%200%200%201%20221.85%2057l29.53%20116.38a19.93%2019.93%200%200%201-11.31%2023.18M227.28%20176L199.23%2065.46l-30.07-4.94l-2.84%2011.17c2.9.58%205.78%201.2%208.61%201.92a12%2012%200%201%201-5.86%2023.27A168.4%20168.4%200%200%200%20128%2092a168.4%20168.4%200%200%200-41.07%204.88a12%2012%200%200%201-5.86-23.27c2.83-.72%205.71-1.34%208.61-1.92l-2.83-11.17l-30.08%204.94L28.72%20176l60.22%2026.7l5-13.57c-4.37-.76-8.67-1.65-12.88-2.71a12%2012%200%200%201%205.86-23.28A168.4%20168.4%200%200%200%20128%20168a168.4%20168.4%200%200%200%2041.07-4.88a12%2012%200%200%201%205.86%2023.28c-4.21%201.06-8.51%201.95-12.88%202.71l5%2013.57Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M108%20136a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m56-16a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16m76.07%2076.56l-67%2029.71A20.15%2020.15%200%200%201%20146%20214.9l-8.54-23.13c-3.13.14-6.27.24-9.45.24s-6.32-.1-9.45-.24L110%20214.9a20.19%2020.19%200%200%201-27.08%2011.37l-67-29.71a19.93%2019.93%200%200%201-11.3-23.15L34.15%2057a20%2020%200%200%201%2016.22-14.81l36.06-5.93a20.26%2020.26%200%200%201%2022.79%2014.84l4.41%2017.41c4.74-.33%209.52-.51%2014.37-.51s9.63.18%2014.37.51l4.41-17.41a20.25%2020.25%200%200%201%2022.79-14.84l36.06%205.93A20%2020%200%200%201%20221.85%2057l29.53%20116.38a19.93%2019.93%200%200%201-11.31%2023.18M227.28%20176L199.23%2065.46l-30.07-4.94l-2.84%2011.17c2.9.58%205.78%201.2%208.61%201.92a12%2012%200%201%201-5.86%2023.27A168.4%20168.4%200%200%200%20128%2092a168.4%20168.4%200%200%200-41.07%204.88a12%2012%200%200%201-5.86-23.27c2.83-.72%205.71-1.34%208.61-1.92l-2.83-11.17l-30.08%204.94L28.72%20176l60.22%2026.7l5-13.57c-4.37-.76-8.67-1.65-12.88-2.71a12%2012%200%200%201%205.86-23.28A168.4%20168.4%200%200%200%20128%20168a168.4%20168.4%200%200%200%2041.07-4.88a12%2012%200%200%201%205.86%2023.28c-4.21%201.06-8.51%201.95-12.88%202.71l5%2013.57Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/discord-logo-bold.svg?color=%231a73e8&size=48
