discorddotjs logo
discorddotjs from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- discorddotjs
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the discorddotjs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.427 5.015c-1.586 0-2.907.607-3.702 1.561h.002h-.002a3.45 3.45 0 0 0-.806 2.401c.06 1.485.92 2.423 1.92 3.017a6 6 0 0 0 .796.397l1.833.804c.986.41 1.735.717 1.999 1.39c.066.17.102.363.102.588c0 1.05-.844 1.73-2.348 1.73c-1.257 0-2.555-.617-3.523-1.524l-1.11 1.31l-.27.318a6.93 6.93 0 0 0 4.841 1.978c2.441 0 4.092-1.179 4.64-2.78A3.8 3.8 0 0 0 24 14.988q-.001-.49-.091-.906c-.23-1.07-.879-1.789-1.783-2.321h-.001a7 7 0 0 0-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.3 1.3 0 0 1-.11-.545c0-.99.824-1.587 2.101-1.587c1.153 0 2.08.433 2.925 1.154l.897-1.106l.34-.419a5.96 5.96 0 0 0-4.162-1.71M0 5.015v10.313h3.904c1.024 0 1.808-.162 2.535-.53a2.147 2.147 0 0 1 2.247-2.225c.372-.755.522-1.505.522-2.49c0-1.016-.191-1.9-.575-2.666a4.3 4.3 0 0 0-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726 0v9.707c0 1.187-.96 2.15-2.144 2.15a2.14 2.14 0 0 1-1.816-1.007l-.215.093a8 8 0 0 1-.625.24a7 7 0 0 1-1.113.241c.42 1.344 2.06 2.662 3.974 2.538c1.804 0 3.053-.89 3.717-2.18c.372-.72.562-1.567.562-2.454V5.015Zm-8.251 2.21h1.488c.87 0 1.533.25 1.975.766s.662 1.223.662 2.136c0 .928-.236 1.65-.692 2.18c-.457.546-1.135.811-2.034.811H2.475Zm6.113 6.142a1.355 1.355 0 1 0 0 2.71a1.355 1.355 0 0 0 0-2.71"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDiscorddotjs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.427 5.015c-1.586 0-2.907.607-3.702 1.561h.002h-.002a3.45 3.45 0 0 0-.806 2.401c.06 1.485.92 2.423 1.92 3.017a6 6 0 0 0 .796.397l1.833.804c.986.41 1.735.717 1.999 1.39c.066.17.102.363.102.588c0 1.05-.844 1.73-2.348 1.73c-1.257 0-2.555-.617-3.523-1.524l-1.11 1.31l-.27.318a6.93 6.93 0 0 0 4.841 1.978c2.441 0 4.092-1.179 4.64-2.78A3.8 3.8 0 0 0 24 14.988q-.001-.49-.091-.906c-.23-1.07-.879-1.789-1.783-2.321h-.001a7 7 0 0 0-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.3 1.3 0 0 1-.11-.545c0-.99.824-1.587 2.101-1.587c1.153 0 2.08.433 2.925 1.154l.897-1.106l.34-.419a5.96 5.96 0 0 0-4.162-1.71M0 5.015v10.313h3.904c1.024 0 1.808-.162 2.535-.53a2.147 2.147 0 0 1 2.247-2.225c.372-.755.522-1.505.522-2.49c0-1.016-.191-1.9-.575-2.666a4.3 4.3 0 0 0-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726 0v9.707c0 1.187-.96 2.15-2.144 2.15a2.14 2.14 0 0 1-1.816-1.007l-.215.093a8 8 0 0 1-.625.24a7 7 0 0 1-1.113.241c.42 1.344 2.06 2.662 3.974 2.538c1.804 0 3.053-.89 3.717-2.18c.372-.72.562-1.567.562-2.454V5.015Zm-8.251 2.21h1.488c.87 0 1.533.25 1.975.766s.662 1.223.662 2.136c0 .928-.236 1.65-.692 2.18c-.457.546-1.135.811-2.034.811H2.475Zm6.113 6.142a1.355 1.355 0 1 0 0 2.71a1.355 1.355 0 0 0 0-2.71"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.427 5.015c-1.586 0-2.907.607-3.702 1.561h.002h-.002a3.45 3.45 0 0 0-.806 2.401c.06 1.485.92 2.423 1.92 3.017a6 6 0 0 0 .796.397l1.833.804c.986.41 1.735.717 1.999 1.39c.066.17.102.363.102.588c0 1.05-.844 1.73-2.348 1.73c-1.257 0-2.555-.617-3.523-1.524l-1.11 1.31l-.27.318a6.93 6.93 0 0 0 4.841 1.978c2.441 0 4.092-1.179 4.64-2.78A3.8 3.8 0 0 0 24 14.988q-.001-.49-.091-.906c-.23-1.07-.879-1.789-1.783-2.321h-.001a7 7 0 0 0-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.3 1.3 0 0 1-.11-.545c0-.99.824-1.587 2.101-1.587c1.153 0 2.08.433 2.925 1.154l.897-1.106l.34-.419a5.96 5.96 0 0 0-4.162-1.71M0 5.015v10.313h3.904c1.024 0 1.808-.162 2.535-.53a2.147 2.147 0 0 1 2.247-2.225c.372-.755.522-1.505.522-2.49c0-1.016-.191-1.9-.575-2.666a4.3 4.3 0 0 0-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726 0v9.707c0 1.187-.96 2.15-2.144 2.15a2.14 2.14 0 0 1-1.816-1.007l-.215.093a8 8 0 0 1-.625.24a7 7 0 0 1-1.113.241c.42 1.344 2.06 2.662 3.974 2.538c1.804 0 3.053-.89 3.717-2.18c.372-.72.562-1.567.562-2.454V5.015Zm-8.251 2.21h1.488c.87 0 1.533.25 1.975.766s.662 1.223.662 2.136c0 .928-.236 1.65-.692 2.18c-.457.546-1.135.811-2.034.811H2.475Zm6.113 6.142a1.355 1.355 0 1 0 0 2.71a1.355 1.355 0 0 0 0-2.71"/></svg> </template>
CSS
.icon-discorddotjs {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.427%205.015c-1.586%200-2.907.607-3.702%201.561h.002h-.002a3.45%203.45%200%200%200-.806%202.401c.06%201.485.92%202.423%201.92%203.017a6%206%200%200%200%20.796.397l1.833.804c.986.41%201.735.717%201.999%201.39c.066.17.102.363.102.588c0%201.05-.844%201.73-2.348%201.73c-1.257%200-2.555-.617-3.523-1.524l-1.11%201.31l-.27.318a6.93%206.93%200%200%200%204.841%201.978c2.441%200%204.092-1.179%204.64-2.78A3.8%203.8%200%200%200%2024%2014.988q-.001-.49-.091-.906c-.23-1.07-.879-1.789-1.783-2.321h-.001a7%207%200%200%200-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.3%201.3%200%200%201-.11-.545c0-.99.824-1.587%202.101-1.587c1.153%200%202.08.433%202.925%201.154l.897-1.106l.34-.419a5.96%205.96%200%200%200-4.162-1.71M0%205.015v10.313h3.904c1.024%200%201.808-.162%202.535-.53a2.147%202.147%200%200%201%202.247-2.225c.372-.755.522-1.505.522-2.49c0-1.016-.191-1.9-.575-2.666a4.3%204.3%200%200%200-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726%200v9.707c0%201.187-.96%202.15-2.144%202.15a2.14%202.14%200%200%201-1.816-1.007l-.215.093a8%208%200%200%201-.625.24a7%207%200%200%201-1.113.241c.42%201.344%202.06%202.662%203.974%202.538c1.804%200%203.053-.89%203.717-2.18c.372-.72.562-1.567.562-2.454V5.015Zm-8.251%202.21h1.488c.87%200%201.533.25%201.975.766s.662%201.223.662%202.136c0%20.928-.236%201.65-.692%202.18c-.457.546-1.135.811-2.034.811H2.475Zm6.113%206.142a1.355%201.355%200%201%200%200%202.71a1.355%201.355%200%200%200%200-2.71%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.427%205.015c-1.586%200-2.907.607-3.702%201.561h.002h-.002a3.45%203.45%200%200%200-.806%202.401c.06%201.485.92%202.423%201.92%203.017a6%206%200%200%200%20.796.397l1.833.804c.986.41%201.735.717%201.999%201.39c.066.17.102.363.102.588c0%201.05-.844%201.73-2.348%201.73c-1.257%200-2.555-.617-3.523-1.524l-1.11%201.31l-.27.318a6.93%206.93%200%200%200%204.841%201.978c2.441%200%204.092-1.179%204.64-2.78A3.8%203.8%200%200%200%2024%2014.988q-.001-.49-.091-.906c-.23-1.07-.879-1.789-1.783-2.321h-.001a7%207%200%200%200-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.3%201.3%200%200%201-.11-.545c0-.99.824-1.587%202.101-1.587c1.153%200%202.08.433%202.925%201.154l.897-1.106l.34-.419a5.96%205.96%200%200%200-4.162-1.71M0%205.015v10.313h3.904c1.024%200%201.808-.162%202.535-.53a2.147%202.147%200%200%201%202.247-2.225c.372-.755.522-1.505.522-2.49c0-1.016-.191-1.9-.575-2.666a4.3%204.3%200%200%200-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726%200v9.707c0%201.187-.96%202.15-2.144%202.15a2.14%202.14%200%200%201-1.816-1.007l-.215.093a8%208%200%200%201-.625.24a7%207%200%200%201-1.113.241c.42%201.344%202.06%202.662%203.974%202.538c1.804%200%203.053-.89%203.717-2.18c.372-.72.562-1.567.562-2.454V5.015Zm-8.251%202.21h1.488c.87%200%201.533.25%201.975.766s.662%201.223.662%202.136c0%20.928-.236%201.65-.692%202.18c-.457.546-1.135.811-2.034.811H2.475Zm6.113%206.142a1.355%201.355%200%201%200%200%202.71a1.355%201.355%200%200%200%200-2.71%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/discorddotjs.svg?color=%231a73e8&size=48
