Discord Icoon
Hoge kwaliteit Discord transparante PNG voor web & print.
Geoptimaliseerde Discord SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Discord React-icooncomponent.
Use Discord in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Discord Icoon
Kopieer het Discord icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Discord SVG direct in HTML of JSX.
React Component
Gebruik Discord als een getypeerd React-icooncomponent.
import React from 'react';
export const DiscordIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Discord icoon-URL met bronvermelding.
CSS-masker
Gebruik Discord als een kleurbaar CSS-masker icoon.
.discord-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #5865f2;
mask: url("https://www.aiuidesigner.com/icons/discord.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/discord.svg") center / contain no-repeat;
}Discord Icoon Details
Merkkleur
Categorie
Sociaal
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
1.3 KB · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Bron
discord.comMerkrichtlijnen
discord.comOver het Discord Icoon
Het Discord icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Sociaal en gebruikt de merkkleur #5865F2. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Discord logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Discord Icoon Veelgestelde Vragen
Design a UI with the Discord icon
Generate a complete page that already uses this icon, color, and brand context.