discord icon
discord-solid from Flowbite Icons by Themesberg · Solid · Brands · MIT Free for personal and commercial use.
- Name
- discord-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- Brands
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
discord-fillAkar Iconsdiscord-filledAnt Design IconsdiscordBootstrap IconsdiscordBoxicons BrandsdiscordCoreUI BrandsdiscordFont Awesome 6 BrandsdiscordFont Awesome BrandsdiscordHuge IconsdiscordIconoirdiscordJam IconsdiscordLine AwesomediscordMaterial Line IconsdiscordSVG LogosdiscordMage IconsdiscordMaterial Design Iconsdiscord-fillMingCute IcondiscordOpenMojidiscordPixelarticonsdiscordPrime Iconsdiscord-fillRemix IcondiscordSimple IconsdiscordSkill Iconsdiscord-outlineTeenyiconsdiscordUnicons
More brands icons from Flowbite Icons
apple-solidaws-solidbitcoin-solidcss-soliddribbble-soliddropbox-solidfacebook-solidflowbite-solidgithub-solidgitlab-solidgoogle-solidhtml-solidinstagram-solidlaravel-solidlinkedin-solidmastercard-solidmongo-db-solidnpm-solidreact-solidreddit-solidstackoverflow-solidtailwind-solidtwitter-solidvisa-solid
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.942 5.556a16.3 16.3 0 0 0-4.126-1.3a12 12 0 0 0-.529 1.1a15.2 15.2 0 0 0-4.573 0a12 12 0 0 0-.535-1.1a16.3 16.3 0 0 0-4.129 1.3a17.4 17.4 0 0 0-2.868 11.662a15.8 15.8 0 0 0 4.963 2.521q.616-.847 1.084-1.785a10.6 10.6 0 0 1-1.706-.83q.215-.16.418-.331a11.66 11.66 0 0 0 10.118 0q.206.172.418.331q-.817.492-1.71.832a12.6 12.6 0 0 0 1.084 1.785a16.5 16.5 0 0 0 5.064-2.595a17.3 17.3 0 0 0-2.973-11.59M8.678 14.813a1.94 1.94 0 0 1-1.8-2.045a1.93 1.93 0 0 1 1.8-2.047a1.92 1.92 0 0 1 1.8 2.047a1.93 1.93 0 0 1-1.8 2.045m6.644 0a1.94 1.94 0 0 1-1.8-2.045a1.93 1.93 0 0 1 1.8-2.047a1.92 1.92 0 0 1 1.8 2.047a1.93 1.93 0 0 1-1.8 2.045"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteDiscordSolid(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.942 5.556a16.3 16.3 0 0 0-4.126-1.3a12 12 0 0 0-.529 1.1a15.2 15.2 0 0 0-4.573 0a12 12 0 0 0-.535-1.1a16.3 16.3 0 0 0-4.129 1.3a17.4 17.4 0 0 0-2.868 11.662a15.8 15.8 0 0 0 4.963 2.521q.616-.847 1.084-1.785a10.6 10.6 0 0 1-1.706-.83q.215-.16.418-.331a11.66 11.66 0 0 0 10.118 0q.206.172.418.331q-.817.492-1.71.832a12.6 12.6 0 0 0 1.084 1.785a16.5 16.5 0 0 0 5.064-2.595a17.3 17.3 0 0 0-2.973-11.59M8.678 14.813a1.94 1.94 0 0 1-1.8-2.045a1.93 1.93 0 0 1 1.8-2.047a1.92 1.92 0 0 1 1.8 2.047a1.93 1.93 0 0 1-1.8 2.045m6.644 0a1.94 1.94 0 0 1-1.8-2.045a1.93 1.93 0 0 1 1.8-2.047a1.92 1.92 0 0 1 1.8 2.047a1.93 1.93 0 0 1-1.8 2.045"/></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.942 5.556a16.3 16.3 0 0 0-4.126-1.3a12 12 0 0 0-.529 1.1a15.2 15.2 0 0 0-4.573 0a12 12 0 0 0-.535-1.1a16.3 16.3 0 0 0-4.129 1.3a17.4 17.4 0 0 0-2.868 11.662a15.8 15.8 0 0 0 4.963 2.521q.616-.847 1.084-1.785a10.6 10.6 0 0 1-1.706-.83q.215-.16.418-.331a11.66 11.66 0 0 0 10.118 0q.206.172.418.331q-.817.492-1.71.832a12.6 12.6 0 0 0 1.084 1.785a16.5 16.5 0 0 0 5.064-2.595a17.3 17.3 0 0 0-2.973-11.59M8.678 14.813a1.94 1.94 0 0 1-1.8-2.045a1.93 1.93 0 0 1 1.8-2.047a1.92 1.92 0 0 1 1.8 2.047a1.93 1.93 0 0 1-1.8 2.045m6.644 0a1.94 1.94 0 0 1-1.8-2.045a1.93 1.93 0 0 1 1.8-2.047a1.92 1.92 0 0 1 1.8 2.047a1.93 1.93 0 0 1-1.8 2.045"/></svg> </template>
CSS
.icon-discord-solid {
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.942%205.556a16.3%2016.3%200%200%200-4.126-1.3a12%2012%200%200%200-.529%201.1a15.2%2015.2%200%200%200-4.573%200a12%2012%200%200%200-.535-1.1a16.3%2016.3%200%200%200-4.129%201.3a17.4%2017.4%200%200%200-2.868%2011.662a15.8%2015.8%200%200%200%204.963%202.521q.616-.847%201.084-1.785a10.6%2010.6%200%200%201-1.706-.83q.215-.16.418-.331a11.66%2011.66%200%200%200%2010.118%200q.206.172.418.331q-.817.492-1.71.832a12.6%2012.6%200%200%200%201.084%201.785a16.5%2016.5%200%200%200%205.064-2.595a17.3%2017.3%200%200%200-2.973-11.59M8.678%2014.813a1.94%201.94%200%200%201-1.8-2.045a1.93%201.93%200%200%201%201.8-2.047a1.92%201.92%200%200%201%201.8%202.047a1.93%201.93%200%200%201-1.8%202.045m6.644%200a1.94%201.94%200%200%201-1.8-2.045a1.93%201.93%200%200%201%201.8-2.047a1.92%201.92%200%200%201%201.8%202.047a1.93%201.93%200%200%201-1.8%202.045%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.942%205.556a16.3%2016.3%200%200%200-4.126-1.3a12%2012%200%200%200-.529%201.1a15.2%2015.2%200%200%200-4.573%200a12%2012%200%200%200-.535-1.1a16.3%2016.3%200%200%200-4.129%201.3a17.4%2017.4%200%200%200-2.868%2011.662a15.8%2015.8%200%200%200%204.963%202.521q.616-.847%201.084-1.785a10.6%2010.6%200%200%201-1.706-.83q.215-.16.418-.331a11.66%2011.66%200%200%200%2010.118%200q.206.172.418.331q-.817.492-1.71.832a12.6%2012.6%200%200%200%201.084%201.785a16.5%2016.5%200%200%200%205.064-2.595a17.3%2017.3%200%200%200-2.973-11.59M8.678%2014.813a1.94%201.94%200%200%201-1.8-2.045a1.93%201.93%200%200%201%201.8-2.047a1.92%201.92%200%200%201%201.8%202.047a1.93%201.93%200%200%201-1.8%202.045m6.644%200a1.94%201.94%200%200%201-1.8-2.045a1.93%201.93%200%200%201%201.8-2.047a1.92%201.92%200%200%201%201.8%202.047a1.93%201.93%200%200%201-1.8%202.045%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/discord-solid.svg?color=%231a73e8&size=48
