discord icon

discord from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name
discord
Set
Prime Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

discord-fillAkar Iconsdiscord-filledAnt Design IconsdiscordBootstrap IconsdiscordBoxicons BrandsdiscordCoreUI BrandsdiscordFont Awesome 6 BrandsdiscordFont Awesome Brandsdiscord-solidFlowbite IconsdiscordHuge IconsdiscordIconoirdiscordJam IconsdiscordLine AwesomediscordMaterial Line IconsdiscordSVG LogosdiscordMage IconsdiscordMaterial Design Iconsdiscord-fillMingCute IcondiscordOpenMojidiscordPixelarticonsdiscord-fillRemix IcondiscordSimple IconsdiscordSkill Iconsdiscord-outlineTeenyiconsdiscordUnicons

Use the discord icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.59 5.89c-1.23-.57-2.54-.99-3.92-1.23c-.17.3-.37.71-.5 1.04c-1.46-.22-2.91-.22-4.34 0c-.14-.33-.34-.74-.51-1.04c-1.38.24-2.69.66-3.92 1.23c-2.48 3.74-3.15 7.39-2.82 10.98c1.65 1.23 3.24 1.97 4.81 2.46c.39-.53.73-1.1 1.03-1.69c-.57-.21-1.11-.48-1.62-.79c.14-.1.27-.21.4-.31c3.13 1.46 6.52 1.46 9.61 0c.13.11.26.21.4.31c-.51.31-1.06.57-1.62.79c.3.59.64 1.16 1.03 1.69c1.57-.49 3.17-1.23 4.81-2.46c.39-4.17-.67-7.78-2.82-10.98Zm-9.75 8.78c-.94 0-1.71-.87-1.71-1.94s.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94m6.31 0c-.94 0-1.71-.87-1.71-1.94s.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94"/></svg>

React

import type { SVGProps } from "react";

export function PrimeDiscord(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="M18.59 5.89c-1.23-.57-2.54-.99-3.92-1.23c-.17.3-.37.71-.5 1.04c-1.46-.22-2.91-.22-4.34 0c-.14-.33-.34-.74-.51-1.04c-1.38.24-2.69.66-3.92 1.23c-2.48 3.74-3.15 7.39-2.82 10.98c1.65 1.23 3.24 1.97 4.81 2.46c.39-.53.73-1.1 1.03-1.69c-.57-.21-1.11-.48-1.62-.79c.14-.1.27-.21.4-.31c3.13 1.46 6.52 1.46 9.61 0c.13.11.26.21.4.31c-.51.31-1.06.57-1.62.79c.3.59.64 1.16 1.03 1.69c1.57-.49 3.17-1.23 4.81-2.46c.39-4.17-.67-7.78-2.82-10.98Zm-9.75 8.78c-.94 0-1.71-.87-1.71-1.94s.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94m6.31 0c-.94 0-1.71-.87-1.71-1.94s.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.59 5.89c-1.23-.57-2.54-.99-3.92-1.23c-.17.3-.37.71-.5 1.04c-1.46-.22-2.91-.22-4.34 0c-.14-.33-.34-.74-.51-1.04c-1.38.24-2.69.66-3.92 1.23c-2.48 3.74-3.15 7.39-2.82 10.98c1.65 1.23 3.24 1.97 4.81 2.46c.39-.53.73-1.1 1.03-1.69c-.57-.21-1.11-.48-1.62-.79c.14-.1.27-.21.4-.31c3.13 1.46 6.52 1.46 9.61 0c.13.11.26.21.4.31c-.51.31-1.06.57-1.62.79c.3.59.64 1.16 1.03 1.69c1.57-.49 3.17-1.23 4.81-2.46c.39-4.17-.67-7.78-2.82-10.98Zm-9.75 8.78c-.94 0-1.71-.87-1.71-1.94s.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94m6.31 0c-.94 0-1.71-.87-1.71-1.94s.75-1.94 1.71-1.94s1.72.87 1.71 1.94c0 1.06-.75 1.94-1.71 1.94"/></svg>
</template>

CSS

.icon-discord {
  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%22M18.59%205.89c-1.23-.57-2.54-.99-3.92-1.23c-.17.3-.37.71-.5%201.04c-1.46-.22-2.91-.22-4.34%200c-.14-.33-.34-.74-.51-1.04c-1.38.24-2.69.66-3.92%201.23c-2.48%203.74-3.15%207.39-2.82%2010.98c1.65%201.23%203.24%201.97%204.81%202.46c.39-.53.73-1.1%201.03-1.69c-.57-.21-1.11-.48-1.62-.79c.14-.1.27-.21.4-.31c3.13%201.46%206.52%201.46%209.61%200c.13.11.26.21.4.31c-.51.31-1.06.57-1.62.79c.3.59.64%201.16%201.03%201.69c1.57-.49%203.17-1.23%204.81-2.46c.39-4.17-.67-7.78-2.82-10.98Zm-9.75%208.78c-.94%200-1.71-.87-1.71-1.94s.75-1.94%201.71-1.94s1.72.87%201.71%201.94c0%201.06-.75%201.94-1.71%201.94m6.31%200c-.94%200-1.71-.87-1.71-1.94s.75-1.94%201.71-1.94s1.72.87%201.71%201.94c0%201.06-.75%201.94-1.71%201.94%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%22M18.59%205.89c-1.23-.57-2.54-.99-3.92-1.23c-.17.3-.37.71-.5%201.04c-1.46-.22-2.91-.22-4.34%200c-.14-.33-.34-.74-.51-1.04c-1.38.24-2.69.66-3.92%201.23c-2.48%203.74-3.15%207.39-2.82%2010.98c1.65%201.23%203.24%201.97%204.81%202.46c.39-.53.73-1.1%201.03-1.69c-.57-.21-1.11-.48-1.62-.79c.14-.1.27-.21.4-.31c3.13%201.46%206.52%201.46%209.61%200c.13.11.26.21.4.31c-.51.31-1.06.57-1.62.79c.3.59.64%201.16%201.03%201.69c1.57-.49%203.17-1.23%204.81-2.46c.39-4.17-.67-7.78-2.82-10.98Zm-9.75%208.78c-.94%200-1.71-.87-1.71-1.94s.75-1.94%201.71-1.94s1.72.87%201.71%201.94c0%201.06-.75%201.94-1.71%201.94m6.31%200c-.94%200-1.71-.87-1.71-1.94s.75-1.94%201.71-1.94s1.72.87%201.71%201.94c0%201.06-.75%201.94-1.71%201.94%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/discord.svg?color=%231a73e8&size=48