logo discord icon
logo-discord from Carbon by IBM · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- logo-discord
- Set
- Carbon
- Style
- Outline
- Category
- Brand
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More brand icons from Carbon
beecarboncarbon-for-aemcarbon-for-ibm-dotcomcarbon-for-ibm-productcarbon-for-mobilecarbon-for-salesforcecarbon-ui-buildercloud-appedt-loopibm-cloudibm-partner-plusibm-securitylogo-angularlogo-ansible-communitylogo-astradblogo-blueskylogo-digglogo-facebooklogo-figmalogo-flickrlogo-gitlogo-githublogo-gitlab
Use the logo discord icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.7 7.1Q23 5.9 20 5.3h-.1c-.2.4-.5 1-.7 1.5c-2.2-.3-4.3-.3-6.4 0c-.2-.5-.5-1-.7-1.5H12q-3 .45-5.7 1.8C2.7 12.5 1.7 17.8 2.2 23v.1c2.4 1.8 4.7 2.8 7 3.5h.1c.5-.7 1-1.5 1.4-2.3v-.1c-.8-.3-1.5-.6-2.2-1c-.1 0-.1-.1 0-.1c.1-.1.3-.2.4-.3H9c4.6 2.1 9.5 2.1 14.1 0h.1c.1.1.3.2.4.3c.1 0 0 .1 0 .1c-.7.4-1.4.8-2.2 1c0 0-.1.1 0 .1c.4.8.9 1.6 1.4 2.3h.1c2.3-.7 4.6-1.8 7-3.5V23c.6-6-1-11.2-4.2-15.9M11.4 19.9c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8m9.3 0c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8"/></svg>
React
import type { SVGProps } from "react";
export function CarbonLogoDiscord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.7 7.1Q23 5.9 20 5.3h-.1c-.2.4-.5 1-.7 1.5c-2.2-.3-4.3-.3-6.4 0c-.2-.5-.5-1-.7-1.5H12q-3 .45-5.7 1.8C2.7 12.5 1.7 17.8 2.2 23v.1c2.4 1.8 4.7 2.8 7 3.5h.1c.5-.7 1-1.5 1.4-2.3v-.1c-.8-.3-1.5-.6-2.2-1c-.1 0-.1-.1 0-.1c.1-.1.3-.2.4-.3H9c4.6 2.1 9.5 2.1 14.1 0h.1c.1.1.3.2.4.3c.1 0 0 .1 0 .1c-.7.4-1.4.8-2.2 1c0 0-.1.1 0 .1c.4.8.9 1.6 1.4 2.3h.1c2.3-.7 4.6-1.8 7-3.5V23c.6-6-1-11.2-4.2-15.9M11.4 19.9c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8m9.3 0c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.7 7.1Q23 5.9 20 5.3h-.1c-.2.4-.5 1-.7 1.5c-2.2-.3-4.3-.3-6.4 0c-.2-.5-.5-1-.7-1.5H12q-3 .45-5.7 1.8C2.7 12.5 1.7 17.8 2.2 23v.1c2.4 1.8 4.7 2.8 7 3.5h.1c.5-.7 1-1.5 1.4-2.3v-.1c-.8-.3-1.5-.6-2.2-1c-.1 0-.1-.1 0-.1c.1-.1.3-.2.4-.3H9c4.6 2.1 9.5 2.1 14.1 0h.1c.1.1.3.2.4.3c.1 0 0 .1 0 .1c-.7.4-1.4.8-2.2 1c0 0-.1.1 0 .1c.4.8.9 1.6 1.4 2.3h.1c2.3-.7 4.6-1.8 7-3.5V23c.6-6-1-11.2-4.2-15.9M11.4 19.9c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8m9.3 0c-1.4 0-2.5-1.3-2.5-2.8s1.1-2.8 2.5-2.8s2.5 1.3 2.5 2.8s-1.1 2.8-2.5 2.8"/></svg> </template>
CSS
.icon-logo-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.7%207.1Q23%205.9%2020%205.3h-.1c-.2.4-.5%201-.7%201.5c-2.2-.3-4.3-.3-6.4%200c-.2-.5-.5-1-.7-1.5H12q-3%20.45-5.7%201.8C2.7%2012.5%201.7%2017.8%202.2%2023v.1c2.4%201.8%204.7%202.8%207%203.5h.1c.5-.7%201-1.5%201.4-2.3v-.1c-.8-.3-1.5-.6-2.2-1c-.1%200-.1-.1%200-.1c.1-.1.3-.2.4-.3H9c4.6%202.1%209.5%202.1%2014.1%200h.1c.1.1.3.2.4.3c.1%200%200%20.1%200%20.1c-.7.4-1.4.8-2.2%201c0%200-.1.1%200%20.1c.4.8.9%201.6%201.4%202.3h.1c2.3-.7%204.6-1.8%207-3.5V23c.6-6-1-11.2-4.2-15.9M11.4%2019.9c-1.4%200-2.5-1.3-2.5-2.8s1.1-2.8%202.5-2.8s2.5%201.3%202.5%202.8s-1.1%202.8-2.5%202.8m9.3%200c-1.4%200-2.5-1.3-2.5-2.8s1.1-2.8%202.5-2.8s2.5%201.3%202.5%202.8s-1.1%202.8-2.5%202.8%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.7%207.1Q23%205.9%2020%205.3h-.1c-.2.4-.5%201-.7%201.5c-2.2-.3-4.3-.3-6.4%200c-.2-.5-.5-1-.7-1.5H12q-3%20.45-5.7%201.8C2.7%2012.5%201.7%2017.8%202.2%2023v.1c2.4%201.8%204.7%202.8%207%203.5h.1c.5-.7%201-1.5%201.4-2.3v-.1c-.8-.3-1.5-.6-2.2-1c-.1%200-.1-.1%200-.1c.1-.1.3-.2.4-.3H9c4.6%202.1%209.5%202.1%2014.1%200h.1c.1.1.3.2.4.3c.1%200%200%20.1%200%20.1c-.7.4-1.4.8-2.2%201c0%200-.1.1%200%20.1c.4.8.9%201.6%201.4%202.3h.1c2.3-.7%204.6-1.8%207-3.5V23c.6-6-1-11.2-4.2-15.9M11.4%2019.9c-1.4%200-2.5-1.3-2.5-2.8s1.1-2.8%202.5-2.8s2.5%201.3%202.5%202.8s-1.1%202.8-2.5%202.8m9.3%200c-1.4%200-2.5-1.3-2.5-2.8s1.1-2.8%202.5-2.8s2.5%201.3%202.5%202.8s-1.1%202.8-2.5%202.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/logo-discord.svg?color=%231a73e8&size=48
