slack icon
slack from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- slack
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
slack-fillAkar Iconsslack-outlinedAnt Design IconsslackBoxicons BrandsslackCoreUI BrandsslackDeviconslackFont Awesome 6 BrandsslackFont Awesome BrandsslackFeather Iconsslackcss.ggslackHuge IconsslackJam IconsslackLine AwesomeslackSVG LogosslackLucideslackMage IconsslackMaterial Design IconsslackMyna UI IconsslackPixelarticonsslackPrime Iconsslack-fillRemix IconslackSimple Iconsslack-outlineTeenyiconsslackUniconsslackUnicons Monochrome
Use the slack icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111S.756 8.43 1.68 8.43h1.682zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682zm6.749 1.682c0-.926.755-1.682 1.68-1.682S16 4.964 16 5.889s-.756 1.681-1.68 1.681h-1.681zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68s.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68c0 .926-.756 1.681-1.68 1.681z"/></svg>
React
import type { SVGProps } from "react";
export function BiSlack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111S.756 8.43 1.68 8.43h1.682zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682zm6.749 1.682c0-.926.755-1.682 1.68-1.682S16 4.964 16 5.889s-.756 1.681-1.68 1.681h-1.681zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68s.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68c0 .926-.756 1.681-1.68 1.681z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111S.756 8.43 1.68 8.43h1.682zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682zm6.749 1.682c0-.926.755-1.682 1.68-1.682S16 4.964 16 5.889s-.756 1.681-1.68 1.681h-1.681zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68s.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68c0 .926-.756 1.681-1.68 1.681z"/></svg> </template>
CSS
.icon-slack {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.362%2010.11c0%20.926-.756%201.681-1.681%201.681S0%2011.036%200%2010.111S.756%208.43%201.68%208.43h1.682zm.846%200c0-.924.756-1.68%201.681-1.68s1.681.756%201.681%201.68v4.21c0%20.924-.756%201.68-1.68%201.68a1.685%201.685%200%200%201-1.682-1.68zM5.89%203.362c-.926%200-1.682-.756-1.682-1.681S4.964%200%205.89%200s1.68.756%201.68%201.68v1.682zm0%20.846c.924%200%201.68.756%201.68%201.681S6.814%207.57%205.89%207.57H1.68C.757%207.57%200%206.814%200%205.89c0-.926.756-1.682%201.68-1.682zm6.749%201.682c0-.926.755-1.682%201.68-1.682S16%204.964%2016%205.889s-.756%201.681-1.68%201.681h-1.681zm-.848%200c0%20.924-.755%201.68-1.68%201.68A1.685%201.685%200%200%201%208.43%205.89V1.68C8.43.757%209.186%200%2010.11%200c.926%200%201.681.756%201.681%201.68zm-1.681%206.748c.926%200%201.682.756%201.682%201.681S11.036%2016%2010.11%2016s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924%200-1.68-.755-1.68-1.68s.756-1.681%201.68-1.681h4.21c.924%200%201.68.756%201.68%201.68c0%20.926-.756%201.681-1.68%201.681z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.362%2010.11c0%20.926-.756%201.681-1.681%201.681S0%2011.036%200%2010.111S.756%208.43%201.68%208.43h1.682zm.846%200c0-.924.756-1.68%201.681-1.68s1.681.756%201.681%201.68v4.21c0%20.924-.756%201.68-1.68%201.68a1.685%201.685%200%200%201-1.682-1.68zM5.89%203.362c-.926%200-1.682-.756-1.682-1.681S4.964%200%205.89%200s1.68.756%201.68%201.68v1.682zm0%20.846c.924%200%201.68.756%201.68%201.681S6.814%207.57%205.89%207.57H1.68C.757%207.57%200%206.814%200%205.89c0-.926.756-1.682%201.68-1.682zm6.749%201.682c0-.926.755-1.682%201.68-1.682S16%204.964%2016%205.889s-.756%201.681-1.68%201.681h-1.681zm-.848%200c0%20.924-.755%201.68-1.68%201.68A1.685%201.685%200%200%201%208.43%205.89V1.68C8.43.757%209.186%200%2010.11%200c.926%200%201.681.756%201.681%201.68zm-1.681%206.748c.926%200%201.682.756%201.682%201.681S11.036%2016%2010.11%2016s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924%200-1.68-.755-1.68-1.68s.756-1.681%201.68-1.681h4.21c.924%200%201.68.756%201.68%201.68c0%20.926-.756%201.681-1.68%201.681z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/slack.svg?color=%231a73e8&size=48
