Ícone Discord Solid
teenyicons:discord-solid
O ícone Discord Solid (teenyicons:discord-solid) é um ícone SVG gratuito da coleção Teenyicons de smhmd. Ele é desenhado em uma grade de 15 × 15. Teenyicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Teenyicons
- Autor
- smhmd
- Licença
- MIT
- Tamanho
- 15 × 15
- Tags
- discordsolid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" 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>Como usar o ícone Discord Solid
React
import { Icon } from "@iconify/react";
<Icon icon="teenyicons:discord-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="teenyicons:discord-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="teenyicons:discord-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--discord-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:discord-solid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="teenyicons:discord-solid"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/teenyicons/discord-solid.svg" alt="Ícone Discord Solid" width="24" height="24">Ícones relacionados em Teenyicons
O ícone Discord Solid em outras coleções
Perguntas frequentes sobre Ícone Discord Solid
O ícone Discord Solid é grátis para uso comercial?
Sim. Teenyicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Discord Solid no React?
Instale @iconify/react e renderize <Icon icon="teenyicons:discord-solid" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Discord Solid a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/teenyicons/discord-solid.svg" alt="Ícone Discord Solid">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.