Icono Discord
fa-brands:discord
El icono Discord (fa-brands:discord) es un icono SVG gratuito de la colección Font Awesome 5 Brands de Dave Gandy. Está dibujado en una cuadrícula de 640 × 512. Font Awesome 5 Brands icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Font Awesome 5 Brands
- Autor
- Dave Gandy
- Licencia
- CC-BY-4.0
- Tamaño
- 640 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485 485 0 0 0 404.081 32.03a1.82 1.82 0 0 0-1.923.91a338 338 0 0 0-14.9 30.6a447.9 447.9 0 0 0-134.426 0a310 310 0 0 0-15.135-30.6a1.89 1.89 0 0 0-1.924-.91a483.7 483.7 0 0 0-119.688 37.107a1.7 1.7 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.02 2.02 0 0 0 .765 1.375a487.7 487.7 0 0 0 146.825 74.189a1.9 1.9 0 0 0 2.063-.676A348 348 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588a321 321 0 0 1-45.868-21.853a1.885 1.885 0 0 1-.185-3.126a251 251 0 0 0 9.109-7.137a1.82 1.82 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.81 1.81 0 0 1 1.924.233a235 235 0 0 0 9.132 7.16a1.884 1.884 0 0 1-.162 3.126a301.4 301.4 0 0 1-45.89 21.83a1.875 1.875 0 0 0-1 2.611a391 391 0 0 0 30.014 48.815a1.86 1.86 0 0 0 2.063.7A486 486 0 0 0 610.7 405.729a1.88 1.88 0 0 0 .765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239c0 32.654-23.41 59.241-52.843 59.241m195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239c0 32.654-23.177 59.241-52.844 59.241"/></svg>
Cómo usar el icono Discord
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:discord" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:discord" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:discord" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--discord]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:discord"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:discord"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fa-brands/discord.svg" alt="Icono Discord" width="24" height="24">
El icono Discord en otras colecciones
Preguntas frecuentes sobre Icono Discord
¿El icono Discord es gratis para uso comercial?
Sí. Font Awesome 5 Brands icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Discord en React?
Instala @iconify/react y renderiza <Icon icon="fa-brands:discord" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Discord a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fa-brands/discord.svg" alt="Icono Discord">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Font Awesome 5 Brands →
ICONYZ
