Icona Discord
PNG trasparente di alta qualità di Discord per web e stampa.
Codice vettoriale SVG di Discord ottimizzato per sviluppatori.
Componente icona React Discord pronto all'uso.
Use Discord in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Come usare l'icona Discord
Copia l'icona Discord come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di Discord direttamente in HTML o JSX.
Componente React
Usa Discord come componente icona React tipizzato.
import React from 'react';
export const DiscordIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona Discord con attribuzione.
Maschera CSS
Usa Discord come icona maschera CSS colorabile.
.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;
}Dettagli icona Discord
Colore del brand
Categoria
Social
Formati
SVG, PNG, React, HTML, maschera CSS
SVG viewBox
0 0 24 24
File SVG
1.3 KB · 1 percorso
Licenza
Controlla le linee guida del brand
Sorgente
discord.comLinee guida del brand
discord.comInformazioni sull'icona Discord
L<strong class="highlight">icona {name}</strong> è disponibile qui come risorsa del brand in formato SVG. È classificata sotto <strong class="highlight">{category}</strong> e utilizza il colore del brand <code class="highlight">{hex}</code>. Puoi scaricarla come PNG trasparente, copiare lSVG inline, copiare un componente React o incorporarla tramite HTML.
Utilizza i link alla sorgente e alle linee guida del brand in questa pagina per verificare le regole attuali di utilizzo del marchio prima di usare il logo Discord in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
Discord Icon Frequently Asked Questions
Design a UI with the Discord icon
Generate a complete page that already uses this icon, color, and brand context.