Ícone Logo Slack
gravity-ui:logo-slack
O ícone Logo Slack (gravity-ui:logo-slack) é um ícone SVG gratuito da coleção Gravity UI Icons de YANDEX LLC. Ele é desenhado em uma grade de 24 × 24. Gravity UI 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
- Gravity UI Icons
- Autor
- YANDEX LLC
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- logoslack
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.566 1.008a2.31 2.31 0 0 1 2.312 2.311v.971A2.305 2.305 0 0 1 15 6.45a2.3 2.3 0 0 1-.608 1.558c.38.412.614.96.614 1.564a2.31 2.31 0 0 1-2.312 2.312h-.968a2.3 2.3 0 0 1 .15.814a2.31 2.31 0 0 1-3.87 1.701a2.3 2.3 0 0 1-1.558.609a2.31 2.31 0 0 1-2.311-2.312v-.967a2.31 2.31 0 0 1-3.13-2.156a2.3 2.3 0 0 1 .61-1.561a2.3 2.3 0 0 1-.61-1.56a2.31 2.31 0 0 1 2.311-2.311h.966A2.302 2.302 0 0 1 6.44 1.008c.603 0 1.151.233 1.563.611c.412-.378.96-.611 1.562-.611M6.448 8.764h-.106a.81.81 0 0 0-.704.803v3.13a.812.812 0 0 0 1.62.06l-.003-.06v-1.558q0-.045.006-.09V9.69q-.004-.058-.006-.118l.003-.063a.81.81 0 0 0-.733-.75c-.025 0-.051.005-.077.005m2.313 3.932l-.004.06a.813.813 0 0 0 1.62-.058a.81.81 0 0 0-.809-.81h-.807zm.805-3.935a.81.81 0 0 0-.808.748l.003.058v.1c.047.403.39.717.805.717h3.13a.812.812 0 0 0 0-1.623zm-6.257.002a.81.81 0 0 0 .01 1.619a.813.813 0 0 0 .812-.812v-.806h-.812zm.01-3.122a.812.812 0 0 0-.01 1.622h2.983q.078-.006.157-.007l.072.003a.81.81 0 0 0 .736-.759l-.002-.052l-.001-.086a.81.81 0 0 0-.806-.721zm6.247-3.133a.81.81 0 0 0-.812.811v3.034c.001.032.006.066.006.1l-.003.047a.812.812 0 0 0 1.62-.048V3.32a.81.81 0 0 0-.81-.811M12.69 5.64a.813.813 0 0 0-.812.811v.808h.813a.81.81 0 1 0 0-1.62m-6.25-3.131a.81.81 0 0 0 0 1.619h.813v-.808l-.004-.083a.813.813 0 0 0-.809-.728" clip-rule="evenodd"/></svg>
Como usar o ícone Logo Slack
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:logo-slack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:logo-slack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:logo-slack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--logo-slack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:logo-slack"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:logo-slack"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/gravity-ui/logo-slack.svg" alt="Ícone Logo Slack" width="24" height="24">
Ícones relacionados em Gravity UI Icons
O ícone Logo Slack em outras coleções
Perguntas frequentes sobre Ícone Logo Slack
O ícone Logo Slack é grátis para uso comercial?
Sim. Gravity UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Logo Slack no React?
Instale @iconify/react e renderize <Icon icon="gravity-ui:logo-slack" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Logo Slack a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/gravity-ui/logo-slack.svg" alt="Ícone Logo Slack">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Gravity UI Icons →
