slack logo
slack from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- slack
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
slack-fillAkar Iconsslack-outlinedAnt Design IconsslackBootstrap IconsslackBoxicons 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 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.724 20.219a3.37 3.37 0 0 1-3.36 3.365A3.37 3.37 0 0 1 0 20.219a3.37 3.37 0 0 1 3.364-3.359h3.36zm1.692 0a3.37 3.37 0 0 1 3.365-3.359a3.37 3.37 0 0 1 3.359 3.359v8.417A3.37 3.37 0 0 1 11.781 32a3.373 3.373 0 0 1-3.365-3.364zm3.365-13.495a3.37 3.37 0 0 1-3.365-3.36A3.373 3.373 0 0 1 11.781 0a3.37 3.37 0 0 1 3.359 3.364v3.36zm0 1.692a3.367 3.367 0 0 1 3.359 3.365a3.364 3.364 0 0 1-3.359 3.359H3.364A3.37 3.37 0 0 1 0 11.781a3.373 3.373 0 0 1 3.364-3.365zm13.495 3.365a3.37 3.37 0 0 1 3.36-3.365A3.373 3.373 0 0 1 32 11.781a3.37 3.37 0 0 1-3.364 3.359h-3.36zm-1.692 0a3.37 3.37 0 0 1-3.365 3.359a3.37 3.37 0 0 1-3.359-3.359V3.364A3.37 3.37 0 0 1 20.219 0a3.37 3.37 0 0 1 3.365 3.364zm-3.365 13.495c1.86 0 3.36 1.505 3.365 3.36A3.37 3.37 0 0 1 20.219 32a3.37 3.37 0 0 1-3.359-3.364v-3.36zm0-1.692a3.37 3.37 0 0 1-3.359-3.365a3.364 3.364 0 0 1 3.359-3.359h8.417A3.37 3.37 0 0 1 32 20.219a3.37 3.37 0 0 1-3.364 3.365z"/></svg>
React
import type { SVGProps } from "react";
export function CibSlack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.724 20.219a3.37 3.37 0 0 1-3.36 3.365A3.37 3.37 0 0 1 0 20.219a3.37 3.37 0 0 1 3.364-3.359h3.36zm1.692 0a3.37 3.37 0 0 1 3.365-3.359a3.37 3.37 0 0 1 3.359 3.359v8.417A3.37 3.37 0 0 1 11.781 32a3.373 3.373 0 0 1-3.365-3.364zm3.365-13.495a3.37 3.37 0 0 1-3.365-3.36A3.373 3.373 0 0 1 11.781 0a3.37 3.37 0 0 1 3.359 3.364v3.36zm0 1.692a3.367 3.367 0 0 1 3.359 3.365a3.364 3.364 0 0 1-3.359 3.359H3.364A3.37 3.37 0 0 1 0 11.781a3.373 3.373 0 0 1 3.364-3.365zm13.495 3.365a3.37 3.37 0 0 1 3.36-3.365A3.373 3.373 0 0 1 32 11.781a3.37 3.37 0 0 1-3.364 3.359h-3.36zm-1.692 0a3.37 3.37 0 0 1-3.365 3.359a3.37 3.37 0 0 1-3.359-3.359V3.364A3.37 3.37 0 0 1 20.219 0a3.37 3.37 0 0 1 3.365 3.364zm-3.365 13.495c1.86 0 3.36 1.505 3.365 3.36A3.37 3.37 0 0 1 20.219 32a3.37 3.37 0 0 1-3.359-3.364v-3.36zm0-1.692a3.37 3.37 0 0 1-3.359-3.365a3.364 3.364 0 0 1 3.359-3.359h8.417A3.37 3.37 0 0 1 32 20.219a3.37 3.37 0 0 1-3.364 3.365z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.724 20.219a3.37 3.37 0 0 1-3.36 3.365A3.37 3.37 0 0 1 0 20.219a3.37 3.37 0 0 1 3.364-3.359h3.36zm1.692 0a3.37 3.37 0 0 1 3.365-3.359a3.37 3.37 0 0 1 3.359 3.359v8.417A3.37 3.37 0 0 1 11.781 32a3.373 3.373 0 0 1-3.365-3.364zm3.365-13.495a3.37 3.37 0 0 1-3.365-3.36A3.373 3.373 0 0 1 11.781 0a3.37 3.37 0 0 1 3.359 3.364v3.36zm0 1.692a3.367 3.367 0 0 1 3.359 3.365a3.364 3.364 0 0 1-3.359 3.359H3.364A3.37 3.37 0 0 1 0 11.781a3.373 3.373 0 0 1 3.364-3.365zm13.495 3.365a3.37 3.37 0 0 1 3.36-3.365A3.373 3.373 0 0 1 32 11.781a3.37 3.37 0 0 1-3.364 3.359h-3.36zm-1.692 0a3.37 3.37 0 0 1-3.365 3.359a3.37 3.37 0 0 1-3.359-3.359V3.364A3.37 3.37 0 0 1 20.219 0a3.37 3.37 0 0 1 3.365 3.364zm-3.365 13.495c1.86 0 3.36 1.505 3.365 3.36A3.37 3.37 0 0 1 20.219 32a3.37 3.37 0 0 1-3.359-3.364v-3.36zm0-1.692a3.37 3.37 0 0 1-3.359-3.365a3.364 3.364 0 0 1 3.359-3.359h8.417A3.37 3.37 0 0 1 32 20.219a3.37 3.37 0 0 1-3.364 3.365z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.724%2020.219a3.37%203.37%200%200%201-3.36%203.365A3.37%203.37%200%200%201%200%2020.219a3.37%203.37%200%200%201%203.364-3.359h3.36zm1.692%200a3.37%203.37%200%200%201%203.365-3.359a3.37%203.37%200%200%201%203.359%203.359v8.417A3.37%203.37%200%200%201%2011.781%2032a3.373%203.373%200%200%201-3.365-3.364zm3.365-13.495a3.37%203.37%200%200%201-3.365-3.36A3.373%203.373%200%200%201%2011.781%200a3.37%203.37%200%200%201%203.359%203.364v3.36zm0%201.692a3.367%203.367%200%200%201%203.359%203.365a3.364%203.364%200%200%201-3.359%203.359H3.364A3.37%203.37%200%200%201%200%2011.781a3.373%203.373%200%200%201%203.364-3.365zm13.495%203.365a3.37%203.37%200%200%201%203.36-3.365A3.373%203.373%200%200%201%2032%2011.781a3.37%203.37%200%200%201-3.364%203.359h-3.36zm-1.692%200a3.37%203.37%200%200%201-3.365%203.359a3.37%203.37%200%200%201-3.359-3.359V3.364A3.37%203.37%200%200%201%2020.219%200a3.37%203.37%200%200%201%203.365%203.364zm-3.365%2013.495c1.86%200%203.36%201.505%203.365%203.36A3.37%203.37%200%200%201%2020.219%2032a3.37%203.37%200%200%201-3.359-3.364v-3.36zm0-1.692a3.37%203.37%200%200%201-3.359-3.365a3.364%203.364%200%200%201%203.359-3.359h8.417A3.37%203.37%200%200%201%2032%2020.219a3.37%203.37%200%200%201-3.364%203.365z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.724%2020.219a3.37%203.37%200%200%201-3.36%203.365A3.37%203.37%200%200%201%200%2020.219a3.37%203.37%200%200%201%203.364-3.359h3.36zm1.692%200a3.37%203.37%200%200%201%203.365-3.359a3.37%203.37%200%200%201%203.359%203.359v8.417A3.37%203.37%200%200%201%2011.781%2032a3.373%203.373%200%200%201-3.365-3.364zm3.365-13.495a3.37%203.37%200%200%201-3.365-3.36A3.373%203.373%200%200%201%2011.781%200a3.37%203.37%200%200%201%203.359%203.364v3.36zm0%201.692a3.367%203.367%200%200%201%203.359%203.365a3.364%203.364%200%200%201-3.359%203.359H3.364A3.37%203.37%200%200%201%200%2011.781a3.373%203.373%200%200%201%203.364-3.365zm13.495%203.365a3.37%203.37%200%200%201%203.36-3.365A3.373%203.373%200%200%201%2032%2011.781a3.37%203.37%200%200%201-3.364%203.359h-3.36zm-1.692%200a3.37%203.37%200%200%201-3.365%203.359a3.37%203.37%200%200%201-3.359-3.359V3.364A3.37%203.37%200%200%201%2020.219%200a3.37%203.37%200%200%201%203.365%203.364zm-3.365%2013.495c1.86%200%203.36%201.505%203.365%203.36A3.37%203.37%200%200%201%2020.219%2032a3.37%203.37%200%200%201-3.359-3.364v-3.36zm0-1.692a3.37%203.37%200%200%201-3.359-3.365a3.364%203.364%200%200%201%203.359-3.359h8.417A3.37%203.37%200%200%201%2032%2020.219a3.37%203.37%200%200%201-3.364%203.365z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/slack.svg?color=%231a73e8&size=48
