discord logo icon
discord-logo-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- discord-logo-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="m235.21 185.59l-67 29.7a8.15 8.15 0 0 1-11-4.56L147 183.06a191 191 0 0 1-19 .94a191 191 0 0 1-19-.94l-10.25 27.67a8.15 8.15 0 0 1-11 4.56l-67-29.7a8 8 0 0 1-4.55-9.24L45.77 60a8.08 8.08 0 0 1 6.54-6l36.06-5.92a8.1 8.1 0 0 1 9.21 6l5 19.63a192.3 192.3 0 0 1 50.88 0l5-19.63a8.1 8.1 0 0 1 9.21-6L203.69 54a8.08 8.08 0 0 1 6.54 6l29.53 116.37a8 8 0 0 1-4.55 9.22" opacity=".2"/><path 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.94 15.94 0 0 1-9.06-18.51L38 58a16.08 16.08 0 0 1 13-11.87l36.06-5.92a16.21 16.21 0 0 1 18.26 11.88l3.26 12.83Q118.11 64 128 64t19.4.92l3.26-12.83a16.22 16.22 0 0 1 18.26-11.88L205 46.13A16.08 16.08 0 0 1 218 58l29.53 116.38a15.94 15.94 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 56a.2.2 0 0 0-.12 0l-36.1 5.92a.2.2 0 0 0-.09 0L24 178.33L91 208a.21.21 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"/></g></svg>
React
import type { SVGProps } from "react";
export function PhDiscordLogoDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m235.21 185.59l-67 29.7a8.15 8.15 0 0 1-11-4.56L147 183.06a191 191 0 0 1-19 .94a191 191 0 0 1-19-.94l-10.25 27.67a8.15 8.15 0 0 1-11 4.56l-67-29.7a8 8 0 0 1-4.55-9.24L45.77 60a8.08 8.08 0 0 1 6.54-6l36.06-5.92a8.1 8.1 0 0 1 9.21 6l5 19.63a192.3 192.3 0 0 1 50.88 0l5-19.63a8.1 8.1 0 0 1 9.21-6L203.69 54a8.08 8.08 0 0 1 6.54 6l29.53 116.37a8 8 0 0 1-4.55 9.22" opacity=".2"/><path 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.94 15.94 0 0 1-9.06-18.51L38 58a16.08 16.08 0 0 1 13-11.87l36.06-5.92a16.21 16.21 0 0 1 18.26 11.88l3.26 12.83Q118.11 64 128 64t19.4.92l3.26-12.83a16.22 16.22 0 0 1 18.26-11.88L205 46.13A16.08 16.08 0 0 1 218 58l29.53 116.38a15.94 15.94 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 56a.2.2 0 0 0-.12 0l-36.1 5.92a.2.2 0 0 0-.09 0L24 178.33L91 208a.21.21 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"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m235.21 185.59l-67 29.7a8.15 8.15 0 0 1-11-4.56L147 183.06a191 191 0 0 1-19 .94a191 191 0 0 1-19-.94l-10.25 27.67a8.15 8.15 0 0 1-11 4.56l-67-29.7a8 8 0 0 1-4.55-9.24L45.77 60a8.08 8.08 0 0 1 6.54-6l36.06-5.92a8.1 8.1 0 0 1 9.21 6l5 19.63a192.3 192.3 0 0 1 50.88 0l5-19.63a8.1 8.1 0 0 1 9.21-6L203.69 54a8.08 8.08 0 0 1 6.54 6l29.53 116.37a8 8 0 0 1-4.55 9.22" opacity=".2"/><path 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.94 15.94 0 0 1-9.06-18.51L38 58a16.08 16.08 0 0 1 13-11.87l36.06-5.92a16.21 16.21 0 0 1 18.26 11.88l3.26 12.83Q118.11 64 128 64t19.4.92l3.26-12.83a16.22 16.22 0 0 1 18.26-11.88L205 46.13A16.08 16.08 0 0 1 218 58l29.53 116.38a15.94 15.94 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 56a.2.2 0 0 0-.12 0l-36.1 5.92a.2.2 0 0 0-.09 0L24 178.33L91 208a.21.21 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"/></g></svg> </template>
CSS
.icon-discord-logo-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m235.21%20185.59l-67%2029.7a8.15%208.15%200%200%201-11-4.56L147%20183.06a191%20191%200%200%201-19%20.94a191%20191%200%200%201-19-.94l-10.25%2027.67a8.15%208.15%200%200%201-11%204.56l-67-29.7a8%208%200%200%201-4.55-9.24L45.77%2060a8.08%208.08%200%200%201%206.54-6l36.06-5.92a8.1%208.1%200%200%201%209.21%206l5%2019.63a192.3%20192.3%200%200%201%2050.88%200l5-19.63a8.1%208.1%200%200%201%209.21-6L203.69%2054a8.08%208.08%200%200%201%206.54%206l29.53%20116.37a8%208%200%200%201-4.55%209.22%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.94%2015.94%200%200%201-9.06-18.51L38%2058a16.08%2016.08%200%200%201%2013-11.87l36.06-5.92a16.21%2016.21%200%200%201%2018.26%2011.88l3.26%2012.83Q118.11%2064%20128%2064t19.4.92l3.26-12.83a16.22%2016.22%200%200%201%2018.26-11.88L205%2046.13A16.08%2016.08%200%200%201%20218%2058l29.53%20116.38a15.94%2015.94%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%2056a.2.2%200%200%200-.12%200l-36.1%205.92a.2.2%200%200%200-.09%200L24%20178.33L91%20208a.21.21%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%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m235.21%20185.59l-67%2029.7a8.15%208.15%200%200%201-11-4.56L147%20183.06a191%20191%200%200%201-19%20.94a191%20191%200%200%201-19-.94l-10.25%2027.67a8.15%208.15%200%200%201-11%204.56l-67-29.7a8%208%200%200%201-4.55-9.24L45.77%2060a8.08%208.08%200%200%201%206.54-6l36.06-5.92a8.1%208.1%200%200%201%209.21%206l5%2019.63a192.3%20192.3%200%200%201%2050.88%200l5-19.63a8.1%208.1%200%200%201%209.21-6L203.69%2054a8.08%208.08%200%200%201%206.54%206l29.53%20116.37a8%208%200%200%201-4.55%209.22%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.94%2015.94%200%200%201-9.06-18.51L38%2058a16.08%2016.08%200%200%201%2013-11.87l36.06-5.92a16.21%2016.21%200%200%201%2018.26%2011.88l3.26%2012.83Q118.11%2064%20128%2064t19.4.92l3.26-12.83a16.22%2016.22%200%200%201%2018.26-11.88L205%2046.13A16.08%2016.08%200%200%201%20218%2058l29.53%20116.38a15.94%2015.94%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%2056a.2.2%200%200%200-.12%200l-36.1%205.92a.2.2%200%200%200-.09%200L24%20178.33L91%20208a.21.21%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%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/discord-logo-duotone.svg?color=%231a73e8&size=48
