discord icon
discord-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.
- Name
- discord-solid
- Set
- Teenyicons
- Style
- Solid
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
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 IcondiscordOpenMojidiscordPixelarticonsdiscordPrime Iconsdiscord-fillRemix IcondiscordSimple IconsdiscordSkill IconsdiscordUnicons
Use the discord icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.42 7.727c0-.534.382-.89.774-.89c.399 0 .783.363.774.882v.008c0 .535-.383.89-.774.89c-.382 0-.774-.359-.774-.89m4.687 0c0-.282.086-.48.194-.599a.62.62 0 0 1 .485-.195c.391 0 .774.355.774.89c0 .534-.383.89-.774.89c-.16 0-.316-.078-.45-.255a1.23 1.23 0 0 1-.229-.73"/><path fill="currentColor" fill-rule="evenodd" d="M3.8 12.142c.277.108.583.217.918.317c-.59.612-1.504 1.47-1.504 1.47C.376 13.839 0 11.514 0 11.514C0 7.38 1.85 2.42 1.85 2.42c1.848-1.387 3.607-1.35 3.607-1.35l.163 1.096c-.852.227-1.726.601-2.663 1.113l.513.94c1.546-.843 2.805-1.236 4.032-1.237c1.226 0 2.483.391 4.025 1.237l.515-.94c-.983-.539-1.896-.925-2.788-1.147l.287-1.062s1.76-.038 3.609 1.349c0 0 1.849 4.959 1.849 9.094c0 0-.376 2.325-3.214 2.415c0 0-.854-.842-1.418-1.449q.444-.136.9-.326a8 8 0 0 0 1.574-.809l-.59-.895c-.492.325-.957.55-1.368.703l-.007.003l-.005.002l-.01.004a8 8 0 0 1-1.744.518l-.009.001a8.5 8.5 0 0 1-3.127-.012a10.3 10.3 0 0 1-1.793-.525c-.504-.197-.935-.406-1.352-.698l-.614.878a7.3 7.3 0 0 0 1.576.818m1.394-6.376c-1.073 0-1.846.93-1.846 1.961c0 1.036.79 1.962 1.846 1.962c1.071 0 1.843-.927 1.845-1.957c.015-1.046-.782-1.966-1.845-1.966m4.592.096c-.507 0-.959.193-1.28.547c-.315.35-.47.818-.47 1.318s.156.995.446 1.378c.293.388.744.68 1.304.68c1.073 0 1.845-.93 1.845-1.962s-.772-1.961-1.845-1.961" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsDiscordSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.42 7.727c0-.534.382-.89.774-.89c.399 0 .783.363.774.882v.008c0 .535-.383.89-.774.89c-.382 0-.774-.359-.774-.89m4.687 0c0-.282.086-.48.194-.599a.62.62 0 0 1 .485-.195c.391 0 .774.355.774.89c0 .534-.383.89-.774.89c-.16 0-.316-.078-.45-.255a1.23 1.23 0 0 1-.229-.73"/><path fill="currentColor" fillRule="evenodd" d="M3.8 12.142c.277.108.583.217.918.317c-.59.612-1.504 1.47-1.504 1.47C.376 13.839 0 11.514 0 11.514C0 7.38 1.85 2.42 1.85 2.42c1.848-1.387 3.607-1.35 3.607-1.35l.163 1.096c-.852.227-1.726.601-2.663 1.113l.513.94c1.546-.843 2.805-1.236 4.032-1.237c1.226 0 2.483.391 4.025 1.237l.515-.94c-.983-.539-1.896-.925-2.788-1.147l.287-1.062s1.76-.038 3.609 1.349c0 0 1.849 4.959 1.849 9.094c0 0-.376 2.325-3.214 2.415c0 0-.854-.842-1.418-1.449q.444-.136.9-.326a8 8 0 0 0 1.574-.809l-.59-.895c-.492.325-.957.55-1.368.703l-.007.003l-.005.002l-.01.004a8 8 0 0 1-1.744.518l-.009.001a8.5 8.5 0 0 1-3.127-.012a10.3 10.3 0 0 1-1.793-.525c-.504-.197-.935-.406-1.352-.698l-.614.878a7.3 7.3 0 0 0 1.576.818m1.394-6.376c-1.073 0-1.846.93-1.846 1.961c0 1.036.79 1.962 1.846 1.962c1.071 0 1.843-.927 1.845-1.957c.015-1.046-.782-1.966-1.845-1.966m4.592.096c-.507 0-.959.193-1.28.547c-.315.35-.47.818-.47 1.318s.156.995.446 1.378c.293.388.744.68 1.304.68c1.073 0 1.845-.93 1.845-1.962s-.772-1.961-1.845-1.961" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.42 7.727c0-.534.382-.89.774-.89c.399 0 .783.363.774.882v.008c0 .535-.383.89-.774.89c-.382 0-.774-.359-.774-.89m4.687 0c0-.282.086-.48.194-.599a.62.62 0 0 1 .485-.195c.391 0 .774.355.774.89c0 .534-.383.89-.774.89c-.16 0-.316-.078-.45-.255a1.23 1.23 0 0 1-.229-.73"/><path fill="currentColor" fill-rule="evenodd" d="M3.8 12.142c.277.108.583.217.918.317c-.59.612-1.504 1.47-1.504 1.47C.376 13.839 0 11.514 0 11.514C0 7.38 1.85 2.42 1.85 2.42c1.848-1.387 3.607-1.35 3.607-1.35l.163 1.096c-.852.227-1.726.601-2.663 1.113l.513.94c1.546-.843 2.805-1.236 4.032-1.237c1.226 0 2.483.391 4.025 1.237l.515-.94c-.983-.539-1.896-.925-2.788-1.147l.287-1.062s1.76-.038 3.609 1.349c0 0 1.849 4.959 1.849 9.094c0 0-.376 2.325-3.214 2.415c0 0-.854-.842-1.418-1.449q.444-.136.9-.326a8 8 0 0 0 1.574-.809l-.59-.895c-.492.325-.957.55-1.368.703l-.007.003l-.005.002l-.01.004a8 8 0 0 1-1.744.518l-.009.001a8.5 8.5 0 0 1-3.127-.012a10.3 10.3 0 0 1-1.793-.525c-.504-.197-.935-.406-1.352-.698l-.614.878a7.3 7.3 0 0 0 1.576.818m1.394-6.376c-1.073 0-1.846.93-1.846 1.961c0 1.036.79 1.962 1.846 1.962c1.071 0 1.843-.927 1.845-1.957c.015-1.046-.782-1.966-1.845-1.966m4.592.096c-.507 0-.959.193-1.28.547c-.315.35-.47.818-.47 1.318s.156.995.446 1.378c.293.388.744.68 1.304.68c1.073 0 1.845-.93 1.845-1.962s-.772-1.961-1.845-1.961" clip-rule="evenodd"/></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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.42%207.727c0-.534.382-.89.774-.89c.399%200%20.783.363.774.882v.008c0%20.535-.383.89-.774.89c-.382%200-.774-.359-.774-.89m4.687%200c0-.282.086-.48.194-.599a.62.62%200%200%201%20.485-.195c.391%200%20.774.355.774.89c0%20.534-.383.89-.774.89c-.16%200-.316-.078-.45-.255a1.23%201.23%200%200%201-.229-.73%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.8%2012.142c.277.108.583.217.918.317c-.59.612-1.504%201.47-1.504%201.47C.376%2013.839%200%2011.514%200%2011.514C0%207.38%201.85%202.42%201.85%202.42c1.848-1.387%203.607-1.35%203.607-1.35l.163%201.096c-.852.227-1.726.601-2.663%201.113l.513.94c1.546-.843%202.805-1.236%204.032-1.237c1.226%200%202.483.391%204.025%201.237l.515-.94c-.983-.539-1.896-.925-2.788-1.147l.287-1.062s1.76-.038%203.609%201.349c0%200%201.849%204.959%201.849%209.094c0%200-.376%202.325-3.214%202.415c0%200-.854-.842-1.418-1.449q.444-.136.9-.326a8%208%200%200%200%201.574-.809l-.59-.895c-.492.325-.957.55-1.368.703l-.007.003l-.005.002l-.01.004a8%208%200%200%201-1.744.518l-.009.001a8.5%208.5%200%200%201-3.127-.012a10.3%2010.3%200%200%201-1.793-.525c-.504-.197-.935-.406-1.352-.698l-.614.878a7.3%207.3%200%200%200%201.576.818m1.394-6.376c-1.073%200-1.846.93-1.846%201.961c0%201.036.79%201.962%201.846%201.962c1.071%200%201.843-.927%201.845-1.957c.015-1.046-.782-1.966-1.845-1.966m4.592.096c-.507%200-.959.193-1.28.547c-.315.35-.47.818-.47%201.318s.156.995.446%201.378c.293.388.744.68%201.304.68c1.073%200%201.845-.93%201.845-1.962s-.772-1.961-1.845-1.961%22%20clip-rule%3D%22evenodd%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.42%207.727c0-.534.382-.89.774-.89c.399%200%20.783.363.774.882v.008c0%20.535-.383.89-.774.89c-.382%200-.774-.359-.774-.89m4.687%200c0-.282.086-.48.194-.599a.62.62%200%200%201%20.485-.195c.391%200%20.774.355.774.89c0%20.534-.383.89-.774.89c-.16%200-.316-.078-.45-.255a1.23%201.23%200%200%201-.229-.73%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.8%2012.142c.277.108.583.217.918.317c-.59.612-1.504%201.47-1.504%201.47C.376%2013.839%200%2011.514%200%2011.514C0%207.38%201.85%202.42%201.85%202.42c1.848-1.387%203.607-1.35%203.607-1.35l.163%201.096c-.852.227-1.726.601-2.663%201.113l.513.94c1.546-.843%202.805-1.236%204.032-1.237c1.226%200%202.483.391%204.025%201.237l.515-.94c-.983-.539-1.896-.925-2.788-1.147l.287-1.062s1.76-.038%203.609%201.349c0%200%201.849%204.959%201.849%209.094c0%200-.376%202.325-3.214%202.415c0%200-.854-.842-1.418-1.449q.444-.136.9-.326a8%208%200%200%200%201.574-.809l-.59-.895c-.492.325-.957.55-1.368.703l-.007.003l-.005.002l-.01.004a8%208%200%200%201-1.744.518l-.009.001a8.5%208.5%200%200%201-3.127-.012a10.3%2010.3%200%200%201-1.793-.525c-.504-.197-.935-.406-1.352-.698l-.614.878a7.3%207.3%200%200%200%201.576.818m1.394-6.376c-1.073%200-1.846.93-1.846%201.961c0%201.036.79%201.962%201.846%201.962c1.071%200%201.843-.927%201.845-1.957c.015-1.046-.782-1.966-1.845-1.966m4.592.096c-.507%200-.959.193-1.28.547c-.315.35-.47.818-.47%201.318s.156.995.446%201.378c.293.388.744.68%201.304.68c1.073%200%201.845-.93%201.845-1.962s-.772-1.961-1.845-1.961%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/discord-solid.svg?color=%231a73e8&size=48
