discord logo icon
discord-logo from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- discord-logo
- Set
- Phosphor
- Style
- Regular
- 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="M104 140a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m74.45 64.9l-67 29.71a16.17 16.17 0 0 1-21.71-9.1l-8.11-22q-6.72.45-13.63.46t-13.63-.46l-8.11 22a16.18 16.18 0 0 1-21.71 9.1l-67-29.71a15.93 15.93 0 0 1-9.06-18.51L38 58a16.07 16.07 0 0 1 13-11.86l36.06-5.93a16.22 16.22 0 0 1 18.26 11.88l3.26 12.84Q118.11 64 128 64t19.4.93l3.26-12.84a16.21 16.21 0 0 1 18.26-11.88L205 46.14A16.07 16.07 0 0 1 218 58l29.53 116.38a15.93 15.93 0 0 1-9.08 18.52M232 178.28L202.47 62h-.08l-36.06-6a.17.17 0 0 0-.17 0l-2.83 11.14c5 .94 10 2.06 14.83 3.42A8 8 0 0 1 176 86.31a8 8 0 0 1-2.16-.3A172.3 172.3 0 0 0 128 80a172.3 172.3 0 0 0-45.84 6a8 8 0 1 1-4.32-15.4c4.82-1.36 9.78-2.48 14.82-3.42L89.83 56h-.12l-36.1 5.93a.2.2 0 0 0-.09 0L24 178.33L91 208a.23.23 0 0 0 .22 0L98 189.72a173 173 0 0 1-20.14-4.32a8 8 0 0 1 4.3-15.4a172 172 0 0 0 45.84 6a172 172 0 0 0 45.84-6a8 8 0 0 1 4.32 15.41a173 173 0 0 1-20.16 4.31l6.75 18.28a.22.22 0 0 0 .21 0Z"/></svg>
React
import type { SVGProps } from "react";
export function PhDiscordLogo(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="M104 140a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m74.45 64.9l-67 29.71a16.17 16.17 0 0 1-21.71-9.1l-8.11-22q-6.72.45-13.63.46t-13.63-.46l-8.11 22a16.18 16.18 0 0 1-21.71 9.1l-67-29.71a15.93 15.93 0 0 1-9.06-18.51L38 58a16.07 16.07 0 0 1 13-11.86l36.06-5.93a16.22 16.22 0 0 1 18.26 11.88l3.26 12.84Q118.11 64 128 64t19.4.93l3.26-12.84a16.21 16.21 0 0 1 18.26-11.88L205 46.14A16.07 16.07 0 0 1 218 58l29.53 116.38a15.93 15.93 0 0 1-9.08 18.52M232 178.28L202.47 62h-.08l-36.06-6a.17.17 0 0 0-.17 0l-2.83 11.14c5 .94 10 2.06 14.83 3.42A8 8 0 0 1 176 86.31a8 8 0 0 1-2.16-.3A172.3 172.3 0 0 0 128 80a172.3 172.3 0 0 0-45.84 6a8 8 0 1 1-4.32-15.4c4.82-1.36 9.78-2.48 14.82-3.42L89.83 56h-.12l-36.1 5.93a.2.2 0 0 0-.09 0L24 178.33L91 208a.23.23 0 0 0 .22 0L98 189.72a173 173 0 0 1-20.14-4.32a8 8 0 0 1 4.3-15.4a172 172 0 0 0 45.84 6a172 172 0 0 0 45.84-6a8 8 0 0 1 4.32 15.41a173 173 0 0 1-20.16 4.31l6.75 18.28a.22.22 0 0 0 .21 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M104 140a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m74.45 64.9l-67 29.71a16.17 16.17 0 0 1-21.71-9.1l-8.11-22q-6.72.45-13.63.46t-13.63-.46l-8.11 22a16.18 16.18 0 0 1-21.71 9.1l-67-29.71a15.93 15.93 0 0 1-9.06-18.51L38 58a16.07 16.07 0 0 1 13-11.86l36.06-5.93a16.22 16.22 0 0 1 18.26 11.88l3.26 12.84Q118.11 64 128 64t19.4.93l3.26-12.84a16.21 16.21 0 0 1 18.26-11.88L205 46.14A16.07 16.07 0 0 1 218 58l29.53 116.38a15.93 15.93 0 0 1-9.08 18.52M232 178.28L202.47 62h-.08l-36.06-6a.17.17 0 0 0-.17 0l-2.83 11.14c5 .94 10 2.06 14.83 3.42A8 8 0 0 1 176 86.31a8 8 0 0 1-2.16-.3A172.3 172.3 0 0 0 128 80a172.3 172.3 0 0 0-45.84 6a8 8 0 1 1-4.32-15.4c4.82-1.36 9.78-2.48 14.82-3.42L89.83 56h-.12l-36.1 5.93a.2.2 0 0 0-.09 0L24 178.33L91 208a.23.23 0 0 0 .22 0L98 189.72a173 173 0 0 1-20.14-4.32a8 8 0 0 1 4.3-15.4a172 172 0 0 0 45.84 6a172 172 0 0 0 45.84-6a8 8 0 0 1 4.32 15.41a173 173 0 0 1-20.16 4.31l6.75 18.28a.22.22 0 0 0 .21 0Z"/></svg> </template>
CSS
.icon-discord-logo {
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%22M104%20140a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m60-12a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12m74.45%2064.9l-67%2029.71a16.17%2016.17%200%200%201-21.71-9.1l-8.11-22q-6.72.45-13.63.46t-13.63-.46l-8.11%2022a16.18%2016.18%200%200%201-21.71%209.1l-67-29.71a15.93%2015.93%200%200%201-9.06-18.51L38%2058a16.07%2016.07%200%200%201%2013-11.86l36.06-5.93a16.22%2016.22%200%200%201%2018.26%2011.88l3.26%2012.84Q118.11%2064%20128%2064t19.4.93l3.26-12.84a16.21%2016.21%200%200%201%2018.26-11.88L205%2046.14A16.07%2016.07%200%200%201%20218%2058l29.53%20116.38a15.93%2015.93%200%200%201-9.08%2018.52M232%20178.28L202.47%2062h-.08l-36.06-6a.17.17%200%200%200-.17%200l-2.83%2011.14c5%20.94%2010%202.06%2014.83%203.42A8%208%200%200%201%20176%2086.31a8%208%200%200%201-2.16-.3A172.3%20172.3%200%200%200%20128%2080a172.3%20172.3%200%200%200-45.84%206a8%208%200%201%201-4.32-15.4c4.82-1.36%209.78-2.48%2014.82-3.42L89.83%2056h-.12l-36.1%205.93a.2.2%200%200%200-.09%200L24%20178.33L91%20208a.23.23%200%200%200%20.22%200L98%20189.72a173%20173%200%200%201-20.14-4.32a8%208%200%200%201%204.3-15.4a172%20172%200%200%200%2045.84%206a172%20172%200%200%200%2045.84-6a8%208%200%200%201%204.32%2015.41a173%20173%200%200%201-20.16%204.31l6.75%2018.28a.22.22%200%200%200%20.21%200Z%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%22M104%20140a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m60-12a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12m74.45%2064.9l-67%2029.71a16.17%2016.17%200%200%201-21.71-9.1l-8.11-22q-6.72.45-13.63.46t-13.63-.46l-8.11%2022a16.18%2016.18%200%200%201-21.71%209.1l-67-29.71a15.93%2015.93%200%200%201-9.06-18.51L38%2058a16.07%2016.07%200%200%201%2013-11.86l36.06-5.93a16.22%2016.22%200%200%201%2018.26%2011.88l3.26%2012.84Q118.11%2064%20128%2064t19.4.93l3.26-12.84a16.21%2016.21%200%200%201%2018.26-11.88L205%2046.14A16.07%2016.07%200%200%201%20218%2058l29.53%20116.38a15.93%2015.93%200%200%201-9.08%2018.52M232%20178.28L202.47%2062h-.08l-36.06-6a.17.17%200%200%200-.17%200l-2.83%2011.14c5%20.94%2010%202.06%2014.83%203.42A8%208%200%200%201%20176%2086.31a8%208%200%200%201-2.16-.3A172.3%20172.3%200%200%200%20128%2080a172.3%20172.3%200%200%200-45.84%206a8%208%200%201%201-4.32-15.4c4.82-1.36%209.78-2.48%2014.82-3.42L89.83%2056h-.12l-36.1%205.93a.2.2%200%200%200-.09%200L24%20178.33L91%20208a.23.23%200%200%200%20.22%200L98%20189.72a173%20173%200%200%201-20.14-4.32a8%208%200%200%201%204.3-15.4a172%20172%200%200%200%2045.84%206a172%20172%200%200%200%2045.84-6a8%208%200%200%201%204.32%2015.41a173%20173%200%200%201-20.16%204.31l6.75%2018.28a.22.22%200%200%200%20.21%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/discord-logo.svg?color=%231a73e8&size=48
