Ícone Slack
thesvg-color:slack
O ícone Slack (thesvg-color:slack) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 2448 × 2453. theSVG Color icons 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 2448 × 2453
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2448" height="2453" viewBox="0 0 2448 2453"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#36c5f0" d="M897.4 0C762.1.1 652.6 109.9 652.7 245.2c-.1 135.3 109.5 245.1 244.8 245.2h244.8V245.3C1142.4 110 1032.8.2 897.4 0q.15 0 0 0m0 654H244.8C109.5 654.1-.1 763.9 0 899.2c-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2c.1-135.4-109.5-245.2-244.8-245.3"/><path fill="#2eb67d" d="M2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2c-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3m-652.7 0v-654C1795 110 1685.5.2 1550.2 0c-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3c135.3-.1 244.9-109.9 244.8-245.3"/><path fill="#ecb22e" d="M1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2c.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2m0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2c.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2c-.1 135.4 109.4 245.2 244.7 245.3"/><path fill="#e01e5a" d="M0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2c135.3-.1 244.9-109.9 244.8-245.2V1308H244.8C109.5 1308.1-.1 1417.9 0 1553.2m652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3c135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3c-135.4 0-244.9 109.8-244.8 245.1c0 0 0 .1 0 0"/></g></svg>
Como usar o ícone Slack
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:slack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:slack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:slack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--slack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:slack"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:slack"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/slack.svg" alt="Ícone Slack" width="24" height="24">
Ícones relacionados em theSVG Color
O ícone Slack em outras coleções
Perguntas frequentes sobre Ícone Slack
O ícone Slack é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Slack no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:slack" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Slack a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/slack.svg" alt="Ícone Slack">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG Color →
ICONYZ
