Icono Slack
streamline-plump-color:slack
El icono Slack (streamline-plump-color:slack) es un icono SVG gratuito de la colección Plump color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump color 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
- Plump color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Ordenadores y dispositivos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M3 19c0-2.592 1.892-4.745 4.481-4.869A126 126 0 0 1 13.5 14h5.503C21.764 14 24 16.239 24 19s-2.236 5-4.997 5H13.5c-2.466 0-4.459-.056-6.019-.131C4.892 23.745 3 21.592 3 19"/><path fill="#8fbffa" d="M13 8.67C13 5.558 15.523 3 18.635 3c2.895 0 5.324 2.196 5.36 5.09c.02 1.533-.017 3.236-.173 4.852a.965.965 0 0 1-.882.866a56 56 0 0 1-4.917.191C15.147 13.985 13 11.546 13 8.67M29 3c2.592 0 4.745 1.892 4.869 4.481c.075 1.56.131 3.553.131 6.019v5.503C34 21.764 31.761 24 29 24s-5-2.236-5-4.997V13.5c0-2.466.056-4.459.131-6.019C24.255 4.892 26.408 3 29 3"/><path fill="#8fbffa" d="M39.33 13c3.112 0 5.67 2.523 5.67 5.635c0 2.895-2.196 5.324-5.09 5.36c-1.533.02-3.236-.017-4.852-.173a.965.965 0 0 1-.866-.882A56 56 0 0 1 34 18.023C34.015 15.147 36.454 13 39.33 13M45 29c0 2.592-1.892 4.745-4.481 4.869c-1.56.075-3.553.131-6.019.131h-5.503C26.236 34 24 31.761 24 29s2.236-5 4.997-5H34.5c2.466 0 4.459.056 6.019.131C43.108 24.255 45 26.408 45 29"/><path fill="#8fbffa" d="M35 39.33c0 3.112-2.523 5.67-5.635 5.67c-2.895 0-5.324-2.196-5.36-5.09c-.02-1.533.017-3.236.173-4.852a.965.965 0 0 1 .882-.866A56 56 0 0 1 29.978 34c2.875.015 5.022 2.454 5.022 5.33M19 45c-2.592 0-4.745-1.892-4.869-4.481c-.075-1.56-.131-3.553-.131-6.019v-5.503C14 26.236 16.239 24 19 24s5 2.236 5 4.997V34.5c0 2.466-.056 4.459-.131 6.019C23.745 43.108 21.592 45 19 45"/><path fill="#8fbffa" d="M8.67 35C5.558 35 3 32.477 3 29.365c0-2.895 2.196-5.324 5.09-5.36c1.533-.02 3.236.017 4.852.173a.965.965 0 0 1 .866.882c.152 1.803.198 3.477.191 4.917C13.985 32.853 11.546 35 8.67 35"/><path stroke="#2859c5" stroke-linejoin="round" d="M3 19c0-2.592 1.892-4.745 4.481-4.869A126 126 0 0 1 13.5 14h5.503C21.764 14 24 16.239 24 19s-2.236 5-4.997 5H13.5c-2.466 0-4.459-.056-6.019-.131C4.892 23.745 3 21.592 3 19Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M13 8.67C13 5.558 15.523 3 18.635 3c2.895 0 5.324 2.196 5.36 5.09c.02 1.533-.017 3.236-.173 4.852a.965.965 0 0 1-.882.866a56 56 0 0 1-4.917.191C15.147 13.985 13 11.546 13 8.67ZM29 3c2.592 0 4.745 1.892 4.869 4.481c.075 1.56.131 3.553.131 6.019v5.503C34 21.764 31.761 24 29 24s-5-2.236-5-4.997V13.5c0-2.466.056-4.459.131-6.019C24.255 4.892 26.408 3 29 3Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M39.33 13c3.112 0 5.67 2.523 5.67 5.635c0 2.895-2.196 5.324-5.09 5.36c-1.533.02-3.236-.017-4.852-.173a.965.965 0 0 1-.866-.882A56 56 0 0 1 34 18.023C34.015 15.147 36.454 13 39.33 13ZM45 29c0 2.592-1.892 4.745-4.481 4.869c-1.56.075-3.553.131-6.019.131h-5.503C26.236 34 24 31.761 24 29s2.236-5 4.997-5H34.5c2.466 0 4.459.056 6.019.131C43.108 24.255 45 26.408 45 29Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M35 39.33c0 3.112-2.523 5.67-5.635 5.67c-2.895 0-5.324-2.196-5.36-5.09c-.02-1.533.017-3.236.173-4.852a.965.965 0 0 1 .882-.866A56 56 0 0 1 29.978 34c2.875.015 5.022 2.454 5.022 5.33ZM19 45c-2.592 0-4.745-1.892-4.869-4.481c-.075-1.56-.131-3.553-.131-6.019v-5.503C14 26.236 16.239 24 19 24s5 2.236 5 4.997V34.5c0 2.466-.056 4.459-.131 6.019C23.745 43.108 21.592 45 19 45Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M8.67 35C5.558 35 3 32.477 3 29.365c0-2.895 2.196-5.324 5.09-5.36c1.533-.02 3.236.017 4.852.173a.965.965 0 0 1 .866.882c.152 1.803.198 3.477.191 4.917C13.985 32.853 11.546 35 8.67 35Z"/></g></svg>
Cómo usar el icono Slack
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:slack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:slack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:slack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--slack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:slack"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:slack"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/slack.svg" alt="Icono Slack" width="24" height="24">
Iconos relacionados en Plump color icons
El icono Slack en otras colecciones
Preguntas frecuentes sobre Icono Slack
¿El icono Slack es gratis para uso comercial?
Sí. Plump color 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 Slack en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:slack" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Slack a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/slack.svg" alt="Icono Slack">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Plump color icons →
ICONYZ
