discord logo icon
discord-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- discord-logo-light
- Set
- Phosphor
- Style
- Light
- 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="M102 140a10 10 0 1 1-10-10a10 10 0 0 1 10 10m62-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m73.64 61.08l-67 29.71a14.4 14.4 0 0 1-5.77 1.21a14.13 14.13 0 0 1-13.25-9.18L143 189.43c-4.93.37-9.92.58-15 .58s-10.06-.21-15-.58l-8.63 23.39A14.13 14.13 0 0 1 91.13 222a14.4 14.4 0 0 1-5.77-1.21l-67-29.71a14 14 0 0 1-7.93-16.2L40 58.5a14.07 14.07 0 0 1 11.34-10.39l36.06-5.92a14.19 14.19 0 0 1 16 10.39l3.69 14.53a197.5 197.5 0 0 1 41.82 0l3.69-14.53a14.19 14.19 0 0 1 16-10.39l36.06 5.92A14.07 14.07 0 0 1 216 58.5l29.53 116.38a14 14 0 0 1-7.89 16.2m-3.7-13.25L204.41 61.45a2.08 2.08 0 0 0-1.7-1.5L166.65 54a2.13 2.13 0 0 0-2.42 1.5l-3.36 13.24a169 169 0 0 1 16.75 3.76A6 6 0 0 1 176 84.31a5.7 5.7 0 0 1-1.62-.23A174.3 174.3 0 0 0 128 78a174.3 174.3 0 0 0-46.38 6.08a6 6 0 1 1-3.24-11.55a169 169 0 0 1 16.75-3.76l-3.36-13.24A2.12 2.12 0 0 0 89.35 54l-36.06 6a2.08 2.08 0 0 0-1.7 1.5L22.06 177.83a2 2 0 0 0 1.16 2.28l67 29.7a2.2 2.2 0 0 0 1.76 0a2.07 2.07 0 0 0 1.14-1.17l7.58-20.55a171.5 171.5 0 0 1-22.33-4.64a6 6 0 1 1 3.24-11.55A174.3 174.3 0 0 0 128 178a174.3 174.3 0 0 0 46.38-6.08a6 6 0 1 1 3.24 11.55a171.5 171.5 0 0 1-22.33 4.64l7.58 20.55a2.07 2.07 0 0 0 1.14 1.17a2.2 2.2 0 0 0 1.76 0l67-29.7a2 2 0 0 0 1.17-2.3"/></svg>
React
import type { SVGProps } from "react";
export function PhDiscordLogoLight(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="M102 140a10 10 0 1 1-10-10a10 10 0 0 1 10 10m62-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m73.64 61.08l-67 29.71a14.4 14.4 0 0 1-5.77 1.21a14.13 14.13 0 0 1-13.25-9.18L143 189.43c-4.93.37-9.92.58-15 .58s-10.06-.21-15-.58l-8.63 23.39A14.13 14.13 0 0 1 91.13 222a14.4 14.4 0 0 1-5.77-1.21l-67-29.71a14 14 0 0 1-7.93-16.2L40 58.5a14.07 14.07 0 0 1 11.34-10.39l36.06-5.92a14.19 14.19 0 0 1 16 10.39l3.69 14.53a197.5 197.5 0 0 1 41.82 0l3.69-14.53a14.19 14.19 0 0 1 16-10.39l36.06 5.92A14.07 14.07 0 0 1 216 58.5l29.53 116.38a14 14 0 0 1-7.89 16.2m-3.7-13.25L204.41 61.45a2.08 2.08 0 0 0-1.7-1.5L166.65 54a2.13 2.13 0 0 0-2.42 1.5l-3.36 13.24a169 169 0 0 1 16.75 3.76A6 6 0 0 1 176 84.31a5.7 5.7 0 0 1-1.62-.23A174.3 174.3 0 0 0 128 78a174.3 174.3 0 0 0-46.38 6.08a6 6 0 1 1-3.24-11.55a169 169 0 0 1 16.75-3.76l-3.36-13.24A2.12 2.12 0 0 0 89.35 54l-36.06 6a2.08 2.08 0 0 0-1.7 1.5L22.06 177.83a2 2 0 0 0 1.16 2.28l67 29.7a2.2 2.2 0 0 0 1.76 0a2.07 2.07 0 0 0 1.14-1.17l7.58-20.55a171.5 171.5 0 0 1-22.33-4.64a6 6 0 1 1 3.24-11.55A174.3 174.3 0 0 0 128 178a174.3 174.3 0 0 0 46.38-6.08a6 6 0 1 1 3.24 11.55a171.5 171.5 0 0 1-22.33 4.64l7.58 20.55a2.07 2.07 0 0 0 1.14 1.17a2.2 2.2 0 0 0 1.76 0l67-29.7a2 2 0 0 0 1.17-2.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M102 140a10 10 0 1 1-10-10a10 10 0 0 1 10 10m62-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m73.64 61.08l-67 29.71a14.4 14.4 0 0 1-5.77 1.21a14.13 14.13 0 0 1-13.25-9.18L143 189.43c-4.93.37-9.92.58-15 .58s-10.06-.21-15-.58l-8.63 23.39A14.13 14.13 0 0 1 91.13 222a14.4 14.4 0 0 1-5.77-1.21l-67-29.71a14 14 0 0 1-7.93-16.2L40 58.5a14.07 14.07 0 0 1 11.34-10.39l36.06-5.92a14.19 14.19 0 0 1 16 10.39l3.69 14.53a197.5 197.5 0 0 1 41.82 0l3.69-14.53a14.19 14.19 0 0 1 16-10.39l36.06 5.92A14.07 14.07 0 0 1 216 58.5l29.53 116.38a14 14 0 0 1-7.89 16.2m-3.7-13.25L204.41 61.45a2.08 2.08 0 0 0-1.7-1.5L166.65 54a2.13 2.13 0 0 0-2.42 1.5l-3.36 13.24a169 169 0 0 1 16.75 3.76A6 6 0 0 1 176 84.31a5.7 5.7 0 0 1-1.62-.23A174.3 174.3 0 0 0 128 78a174.3 174.3 0 0 0-46.38 6.08a6 6 0 1 1-3.24-11.55a169 169 0 0 1 16.75-3.76l-3.36-13.24A2.12 2.12 0 0 0 89.35 54l-36.06 6a2.08 2.08 0 0 0-1.7 1.5L22.06 177.83a2 2 0 0 0 1.16 2.28l67 29.7a2.2 2.2 0 0 0 1.76 0a2.07 2.07 0 0 0 1.14-1.17l7.58-20.55a171.5 171.5 0 0 1-22.33-4.64a6 6 0 1 1 3.24-11.55A174.3 174.3 0 0 0 128 178a174.3 174.3 0 0 0 46.38-6.08a6 6 0 1 1 3.24 11.55a171.5 171.5 0 0 1-22.33 4.64l7.58 20.55a2.07 2.07 0 0 0 1.14 1.17a2.2 2.2 0 0 0 1.76 0l67-29.7a2 2 0 0 0 1.17-2.3"/></svg> </template>
CSS
.icon-discord-logo-light {
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%22M102%20140a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m62-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m73.64%2061.08l-67%2029.71a14.4%2014.4%200%200%201-5.77%201.21a14.13%2014.13%200%200%201-13.25-9.18L143%20189.43c-4.93.37-9.92.58-15%20.58s-10.06-.21-15-.58l-8.63%2023.39A14.13%2014.13%200%200%201%2091.13%20222a14.4%2014.4%200%200%201-5.77-1.21l-67-29.71a14%2014%200%200%201-7.93-16.2L40%2058.5a14.07%2014.07%200%200%201%2011.34-10.39l36.06-5.92a14.19%2014.19%200%200%201%2016%2010.39l3.69%2014.53a197.5%20197.5%200%200%201%2041.82%200l3.69-14.53a14.19%2014.19%200%200%201%2016-10.39l36.06%205.92A14.07%2014.07%200%200%201%20216%2058.5l29.53%20116.38a14%2014%200%200%201-7.89%2016.2m-3.7-13.25L204.41%2061.45a2.08%202.08%200%200%200-1.7-1.5L166.65%2054a2.13%202.13%200%200%200-2.42%201.5l-3.36%2013.24a169%20169%200%200%201%2016.75%203.76A6%206%200%200%201%20176%2084.31a5.7%205.7%200%200%201-1.62-.23A174.3%20174.3%200%200%200%20128%2078a174.3%20174.3%200%200%200-46.38%206.08a6%206%200%201%201-3.24-11.55a169%20169%200%200%201%2016.75-3.76l-3.36-13.24A2.12%202.12%200%200%200%2089.35%2054l-36.06%206a2.08%202.08%200%200%200-1.7%201.5L22.06%20177.83a2%202%200%200%200%201.16%202.28l67%2029.7a2.2%202.2%200%200%200%201.76%200a2.07%202.07%200%200%200%201.14-1.17l7.58-20.55a171.5%20171.5%200%200%201-22.33-4.64a6%206%200%201%201%203.24-11.55A174.3%20174.3%200%200%200%20128%20178a174.3%20174.3%200%200%200%2046.38-6.08a6%206%200%201%201%203.24%2011.55a171.5%20171.5%200%200%201-22.33%204.64l7.58%2020.55a2.07%202.07%200%200%200%201.14%201.17a2.2%202.2%200%200%200%201.76%200l67-29.7a2%202%200%200%200%201.17-2.3%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%22M102%20140a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m62-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m73.64%2061.08l-67%2029.71a14.4%2014.4%200%200%201-5.77%201.21a14.13%2014.13%200%200%201-13.25-9.18L143%20189.43c-4.93.37-9.92.58-15%20.58s-10.06-.21-15-.58l-8.63%2023.39A14.13%2014.13%200%200%201%2091.13%20222a14.4%2014.4%200%200%201-5.77-1.21l-67-29.71a14%2014%200%200%201-7.93-16.2L40%2058.5a14.07%2014.07%200%200%201%2011.34-10.39l36.06-5.92a14.19%2014.19%200%200%201%2016%2010.39l3.69%2014.53a197.5%20197.5%200%200%201%2041.82%200l3.69-14.53a14.19%2014.19%200%200%201%2016-10.39l36.06%205.92A14.07%2014.07%200%200%201%20216%2058.5l29.53%20116.38a14%2014%200%200%201-7.89%2016.2m-3.7-13.25L204.41%2061.45a2.08%202.08%200%200%200-1.7-1.5L166.65%2054a2.13%202.13%200%200%200-2.42%201.5l-3.36%2013.24a169%20169%200%200%201%2016.75%203.76A6%206%200%200%201%20176%2084.31a5.7%205.7%200%200%201-1.62-.23A174.3%20174.3%200%200%200%20128%2078a174.3%20174.3%200%200%200-46.38%206.08a6%206%200%201%201-3.24-11.55a169%20169%200%200%201%2016.75-3.76l-3.36-13.24A2.12%202.12%200%200%200%2089.35%2054l-36.06%206a2.08%202.08%200%200%200-1.7%201.5L22.06%20177.83a2%202%200%200%200%201.16%202.28l67%2029.7a2.2%202.2%200%200%200%201.76%200a2.07%202.07%200%200%200%201.14-1.17l7.58-20.55a171.5%20171.5%200%200%201-22.33-4.64a6%206%200%201%201%203.24-11.55A174.3%20174.3%200%200%200%20128%20178a174.3%20174.3%200%200%200%2046.38-6.08a6%206%200%201%201%203.24%2011.55a171.5%20171.5%200%200%201-22.33%204.64l7.58%2020.55a2.07%202.07%200%200%200%201.14%201.17a2.2%202.2%200%200%200%201.76%200l67-29.7a2%202%200%200%200%201.17-2.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/discord-logo-light.svg?color=%231a73e8&size=48
