discord logo icon
discord-logo-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- discord-logo-fill
- Set
- Phosphor
- Style
- Fill
- 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="M247.51 174.39L218 58a16.08 16.08 0 0 0-13-11.88l-36.06-5.92a16.22 16.22 0 0 0-18.26 11.88l-.21.85a4 4 0 0 0 3.27 4.93a155.6 155.6 0 0 1 24.41 5.62a8.2 8.2 0 0 1 5.62 9.7a8 8 0 0 1-10.19 5.64a155.4 155.4 0 0 0-90.8-.1a8.22 8.22 0 0 1-10.28-4.81a8 8 0 0 1 5.08-10.33a157 157 0 0 1 24.72-5.72a4 4 0 0 0 3.27-4.93l-.21-.85a16.21 16.21 0 0 0-18.28-11.87L51 46.13A16.08 16.08 0 0 0 38 58L8.49 174.39a15.94 15.94 0 0 0 9.06 18.51l67 29.71a16.17 16.17 0 0 0 21.71-9.1l3.49-9.45a4 4 0 0 0-3.27-5.35a158 158 0 0 1-28.63-6.2a8.2 8.2 0 0 1-5.61-9.67a8 8 0 0 1 10.2-5.66a155.6 155.6 0 0 0 91.12 0a8 8 0 0 1 10.19 5.65a8.19 8.19 0 0 1-5.61 9.68a158 158 0 0 1-28.62 6.2a4 4 0 0 0-3.27 5.35l3.49 9.45a16.18 16.18 0 0 0 21.71 9.1l67-29.71a15.94 15.94 0 0 0 9.06-18.51M92 152a12 12 0 1 1 12-12a12 12 0 0 1-12 12m72 0a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg>
React
import type { SVGProps } from "react";
export function PhDiscordLogoFill(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="M247.51 174.39L218 58a16.08 16.08 0 0 0-13-11.88l-36.06-5.92a16.22 16.22 0 0 0-18.26 11.88l-.21.85a4 4 0 0 0 3.27 4.93a155.6 155.6 0 0 1 24.41 5.62a8.2 8.2 0 0 1 5.62 9.7a8 8 0 0 1-10.19 5.64a155.4 155.4 0 0 0-90.8-.1a8.22 8.22 0 0 1-10.28-4.81a8 8 0 0 1 5.08-10.33a157 157 0 0 1 24.72-5.72a4 4 0 0 0 3.27-4.93l-.21-.85a16.21 16.21 0 0 0-18.28-11.87L51 46.13A16.08 16.08 0 0 0 38 58L8.49 174.39a15.94 15.94 0 0 0 9.06 18.51l67 29.71a16.17 16.17 0 0 0 21.71-9.1l3.49-9.45a4 4 0 0 0-3.27-5.35a158 158 0 0 1-28.63-6.2a8.2 8.2 0 0 1-5.61-9.67a8 8 0 0 1 10.2-5.66a155.6 155.6 0 0 0 91.12 0a8 8 0 0 1 10.19 5.65a8.19 8.19 0 0 1-5.61 9.68a158 158 0 0 1-28.62 6.2a4 4 0 0 0-3.27 5.35l3.49 9.45a16.18 16.18 0 0 0 21.71 9.1l67-29.71a15.94 15.94 0 0 0 9.06-18.51M92 152a12 12 0 1 1 12-12a12 12 0 0 1-12 12m72 0a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M247.51 174.39L218 58a16.08 16.08 0 0 0-13-11.88l-36.06-5.92a16.22 16.22 0 0 0-18.26 11.88l-.21.85a4 4 0 0 0 3.27 4.93a155.6 155.6 0 0 1 24.41 5.62a8.2 8.2 0 0 1 5.62 9.7a8 8 0 0 1-10.19 5.64a155.4 155.4 0 0 0-90.8-.1a8.22 8.22 0 0 1-10.28-4.81a8 8 0 0 1 5.08-10.33a157 157 0 0 1 24.72-5.72a4 4 0 0 0 3.27-4.93l-.21-.85a16.21 16.21 0 0 0-18.28-11.87L51 46.13A16.08 16.08 0 0 0 38 58L8.49 174.39a15.94 15.94 0 0 0 9.06 18.51l67 29.71a16.17 16.17 0 0 0 21.71-9.1l3.49-9.45a4 4 0 0 0-3.27-5.35a158 158 0 0 1-28.63-6.2a8.2 8.2 0 0 1-5.61-9.67a8 8 0 0 1 10.2-5.66a155.6 155.6 0 0 0 91.12 0a8 8 0 0 1 10.19 5.65a8.19 8.19 0 0 1-5.61 9.68a158 158 0 0 1-28.62 6.2a4 4 0 0 0-3.27 5.35l3.49 9.45a16.18 16.18 0 0 0 21.71 9.1l67-29.71a15.94 15.94 0 0 0 9.06-18.51M92 152a12 12 0 1 1 12-12a12 12 0 0 1-12 12m72 0a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg> </template>
CSS
.icon-discord-logo-fill {
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%22M247.51%20174.39L218%2058a16.08%2016.08%200%200%200-13-11.88l-36.06-5.92a16.22%2016.22%200%200%200-18.26%2011.88l-.21.85a4%204%200%200%200%203.27%204.93a155.6%20155.6%200%200%201%2024.41%205.62a8.2%208.2%200%200%201%205.62%209.7a8%208%200%200%201-10.19%205.64a155.4%20155.4%200%200%200-90.8-.1a8.22%208.22%200%200%201-10.28-4.81a8%208%200%200%201%205.08-10.33a157%20157%200%200%201%2024.72-5.72a4%204%200%200%200%203.27-4.93l-.21-.85a16.21%2016.21%200%200%200-18.28-11.87L51%2046.13A16.08%2016.08%200%200%200%2038%2058L8.49%20174.39a15.94%2015.94%200%200%200%209.06%2018.51l67%2029.71a16.17%2016.17%200%200%200%2021.71-9.1l3.49-9.45a4%204%200%200%200-3.27-5.35a158%20158%200%200%201-28.63-6.2a8.2%208.2%200%200%201-5.61-9.67a8%208%200%200%201%2010.2-5.66a155.6%20155.6%200%200%200%2091.12%200a8%208%200%200%201%2010.19%205.65a8.19%208.19%200%200%201-5.61%209.68a158%20158%200%200%201-28.62%206.2a4%204%200%200%200-3.27%205.35l3.49%209.45a16.18%2016.18%200%200%200%2021.71%209.1l67-29.71a15.94%2015.94%200%200%200%209.06-18.51M92%20152a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m72%200a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012%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%22M247.51%20174.39L218%2058a16.08%2016.08%200%200%200-13-11.88l-36.06-5.92a16.22%2016.22%200%200%200-18.26%2011.88l-.21.85a4%204%200%200%200%203.27%204.93a155.6%20155.6%200%200%201%2024.41%205.62a8.2%208.2%200%200%201%205.62%209.7a8%208%200%200%201-10.19%205.64a155.4%20155.4%200%200%200-90.8-.1a8.22%208.22%200%200%201-10.28-4.81a8%208%200%200%201%205.08-10.33a157%20157%200%200%201%2024.72-5.72a4%204%200%200%200%203.27-4.93l-.21-.85a16.21%2016.21%200%200%200-18.28-11.87L51%2046.13A16.08%2016.08%200%200%200%2038%2058L8.49%20174.39a15.94%2015.94%200%200%200%209.06%2018.51l67%2029.71a16.17%2016.17%200%200%200%2021.71-9.1l3.49-9.45a4%204%200%200%200-3.27-5.35a158%20158%200%200%201-28.63-6.2a8.2%208.2%200%200%201-5.61-9.67a8%208%200%200%201%2010.2-5.66a155.6%20155.6%200%200%200%2091.12%200a8%208%200%200%201%2010.19%205.65a8.19%208.19%200%200%201-5.61%209.68a158%20158%200%200%201-28.62%206.2a4%204%200%200%200-3.27%205.35l3.49%209.45a16.18%2016.18%200%200%200%2021.71%209.1l67-29.71a15.94%2015.94%200%200%200%209.06-18.51M92%20152a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m72%200a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/discord-logo-fill.svg?color=%231a73e8&size=48
