slack logo

slack from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
slack
Set
SVG Logos
Style
Color
Viewbox
512×130
License
CC0

The same logo in other sets

slack-fillAkar Iconsslack-outlinedAnt Design IconsslackBootstrap IconsslackBoxicons BrandsslackCoreUI BrandsslackDeviconslackFont Awesome 6 BrandsslackFont Awesome BrandsslackFeather Iconsslackcss.ggslackHuge IconsslackJam IconsslackLine AwesomeslackLucideslackMage IconsslackMaterial Design IconsslackMyna UI IconsslackPixelarticonsslackPrime Iconsslack-fillRemix IconslackSimple Iconsslack-outlineTeenyiconsslackUniconsslackUnicons Monochrome

Related icons in SVG Logos

slack-icon

Use the slack logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 130"><path d="m163.593 101.885l6.387-14.835c6.902 5.151 16.07 7.83 25.136 7.83c6.696 0 10.92-2.576 10.92-6.49c-.103-10.92-40.074-2.37-40.383-29.773c-.103-13.907 12.26-24.621 29.772-24.621c10.405 0 20.81 2.575 28.227 8.447l-5.975 15.144c-6.799-4.327-15.246-7.417-23.282-7.417c-5.46 0-9.065 2.575-9.065 5.872c.103 10.714 40.383 4.842 40.795 31.008c0 14.217-12.053 24.21-29.36 24.21c-12.672 0-24.313-2.988-33.172-9.375m245.08-20.192l17.616 9.787c-6.593 11.847-19.161 19.78-33.687 19.78c-21.325 0-38.632-17.307-38.632-38.632s17.307-38.632 38.632-38.632c14.423 0 27.094 8.035 33.687 19.78l-17.616 9.786c-3.194-5.563-9.169-9.374-16.071-9.374c-10.199 0-18.44 8.241-18.44 18.44s8.241 18.44 18.44 18.44c6.902 0 12.877-3.812 16.07-9.375M234.984 1.957h22.046v107.86h-22.046zm199.958 0h22.046v63.356l24.93-29.772h26.991l-30.802 35.85l33.275 38.426h-28.227L456.988 77.47v32.347h-22.046zM322.55 81.9V63.665c-3.194-5.357-9.787-9.477-17.204-9.477c-10.2 0-18.44 8.241-18.44 18.44s8.24 18.44 18.44 18.44c7.417 0 14.01-3.915 17.204-9.169m0-46.358h22.046v74.173H322.55v-8.756c-3.606 6.078-12.569 10.302-21.943 10.302c-19.368 0-34.614-17.307-34.614-38.735s15.246-38.529 34.614-38.529c9.374 0 18.337 4.224 21.943 10.302z"/><path fill="#e01e5a" d="M27.3 81.796c0 7.52-6.078 13.599-13.599 13.599A13.585 13.585 0 0 1 .103 81.796c0-7.52 6.078-13.598 13.598-13.598H27.3zm6.799 0c0-7.52 6.078-13.598 13.598-13.598s13.599 6.078 13.599 13.598v33.996c0 7.52-6.078 13.599-13.599 13.599A13.585 13.585 0 0 1 34.1 115.792z"/><path fill="#36c5f0" d="M47.697 27.197A13.585 13.585 0 0 1 34.1 13.598C34.099 6.078 40.177 0 47.697 0s13.599 6.078 13.599 13.598v13.599zm0 6.902c7.52 0 13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599H13.598A13.585 13.585 0 0 1 0 47.697C0 40.177 6.078 34.1 13.598 34.1z"/><path fill="#2eb67d" d="M102.194 47.697c0-7.52 6.078-13.598 13.598-13.598s13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599h-13.598zm-6.8 0c0 7.52-6.077 13.599-13.598 13.599a13.585 13.585 0 0 1-13.598-13.599V13.598C68.198 6.078 74.276 0 81.796 0s13.599 6.078 13.599 13.598z"/><path fill="#ecb22e" d="M81.796 102.194c7.52 0 13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599a13.585 13.585 0 0 1-13.598-13.599v-13.598zm0-6.8a13.585 13.585 0 0 1-13.598-13.598c0-7.52 6.078-13.598 13.598-13.598h34.1c7.52 0 13.598 6.078 13.598 13.598s-6.078 13.599-13.599 13.599z"/></svg>

React

import type { SVGProps } from "react";

export function LogosSlack(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 130"><path d="m163.593 101.885l6.387-14.835c6.902 5.151 16.07 7.83 25.136 7.83c6.696 0 10.92-2.576 10.92-6.49c-.103-10.92-40.074-2.37-40.383-29.773c-.103-13.907 12.26-24.621 29.772-24.621c10.405 0 20.81 2.575 28.227 8.447l-5.975 15.144c-6.799-4.327-15.246-7.417-23.282-7.417c-5.46 0-9.065 2.575-9.065 5.872c.103 10.714 40.383 4.842 40.795 31.008c0 14.217-12.053 24.21-29.36 24.21c-12.672 0-24.313-2.988-33.172-9.375m245.08-20.192l17.616 9.787c-6.593 11.847-19.161 19.78-33.687 19.78c-21.325 0-38.632-17.307-38.632-38.632s17.307-38.632 38.632-38.632c14.423 0 27.094 8.035 33.687 19.78l-17.616 9.786c-3.194-5.563-9.169-9.374-16.071-9.374c-10.199 0-18.44 8.241-18.44 18.44s8.241 18.44 18.44 18.44c6.902 0 12.877-3.812 16.07-9.375M234.984 1.957h22.046v107.86h-22.046zm199.958 0h22.046v63.356l24.93-29.772h26.991l-30.802 35.85l33.275 38.426h-28.227L456.988 77.47v32.347h-22.046zM322.55 81.9V63.665c-3.194-5.357-9.787-9.477-17.204-9.477c-10.2 0-18.44 8.241-18.44 18.44s8.24 18.44 18.44 18.44c7.417 0 14.01-3.915 17.204-9.169m0-46.358h22.046v74.173H322.55v-8.756c-3.606 6.078-12.569 10.302-21.943 10.302c-19.368 0-34.614-17.307-34.614-38.735s15.246-38.529 34.614-38.529c9.374 0 18.337 4.224 21.943 10.302z"/><path fill="#e01e5a" d="M27.3 81.796c0 7.52-6.078 13.599-13.599 13.599A13.585 13.585 0 0 1 .103 81.796c0-7.52 6.078-13.598 13.598-13.598H27.3zm6.799 0c0-7.52 6.078-13.598 13.598-13.598s13.599 6.078 13.599 13.598v33.996c0 7.52-6.078 13.599-13.599 13.599A13.585 13.585 0 0 1 34.1 115.792z"/><path fill="#36c5f0" d="M47.697 27.197A13.585 13.585 0 0 1 34.1 13.598C34.099 6.078 40.177 0 47.697 0s13.599 6.078 13.599 13.598v13.599zm0 6.902c7.52 0 13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599H13.598A13.585 13.585 0 0 1 0 47.697C0 40.177 6.078 34.1 13.598 34.1z"/><path fill="#2eb67d" d="M102.194 47.697c0-7.52 6.078-13.598 13.598-13.598s13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599h-13.598zm-6.8 0c0 7.52-6.077 13.599-13.598 13.599a13.585 13.585 0 0 1-13.598-13.599V13.598C68.198 6.078 74.276 0 81.796 0s13.599 6.078 13.599 13.598z"/><path fill="#ecb22e" d="M81.796 102.194c7.52 0 13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599a13.585 13.585 0 0 1-13.598-13.599v-13.598zm0-6.8a13.585 13.585 0 0 1-13.598-13.598c0-7.52 6.078-13.598 13.598-13.598h34.1c7.52 0 13.598 6.078 13.598 13.598s-6.078 13.599-13.599 13.599z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 130"><path d="m163.593 101.885l6.387-14.835c6.902 5.151 16.07 7.83 25.136 7.83c6.696 0 10.92-2.576 10.92-6.49c-.103-10.92-40.074-2.37-40.383-29.773c-.103-13.907 12.26-24.621 29.772-24.621c10.405 0 20.81 2.575 28.227 8.447l-5.975 15.144c-6.799-4.327-15.246-7.417-23.282-7.417c-5.46 0-9.065 2.575-9.065 5.872c.103 10.714 40.383 4.842 40.795 31.008c0 14.217-12.053 24.21-29.36 24.21c-12.672 0-24.313-2.988-33.172-9.375m245.08-20.192l17.616 9.787c-6.593 11.847-19.161 19.78-33.687 19.78c-21.325 0-38.632-17.307-38.632-38.632s17.307-38.632 38.632-38.632c14.423 0 27.094 8.035 33.687 19.78l-17.616 9.786c-3.194-5.563-9.169-9.374-16.071-9.374c-10.199 0-18.44 8.241-18.44 18.44s8.241 18.44 18.44 18.44c6.902 0 12.877-3.812 16.07-9.375M234.984 1.957h22.046v107.86h-22.046zm199.958 0h22.046v63.356l24.93-29.772h26.991l-30.802 35.85l33.275 38.426h-28.227L456.988 77.47v32.347h-22.046zM322.55 81.9V63.665c-3.194-5.357-9.787-9.477-17.204-9.477c-10.2 0-18.44 8.241-18.44 18.44s8.24 18.44 18.44 18.44c7.417 0 14.01-3.915 17.204-9.169m0-46.358h22.046v74.173H322.55v-8.756c-3.606 6.078-12.569 10.302-21.943 10.302c-19.368 0-34.614-17.307-34.614-38.735s15.246-38.529 34.614-38.529c9.374 0 18.337 4.224 21.943 10.302z"/><path fill="#e01e5a" d="M27.3 81.796c0 7.52-6.078 13.599-13.599 13.599A13.585 13.585 0 0 1 .103 81.796c0-7.52 6.078-13.598 13.598-13.598H27.3zm6.799 0c0-7.52 6.078-13.598 13.598-13.598s13.599 6.078 13.599 13.598v33.996c0 7.52-6.078 13.599-13.599 13.599A13.585 13.585 0 0 1 34.1 115.792z"/><path fill="#36c5f0" d="M47.697 27.197A13.585 13.585 0 0 1 34.1 13.598C34.099 6.078 40.177 0 47.697 0s13.599 6.078 13.599 13.598v13.599zm0 6.902c7.52 0 13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599H13.598A13.585 13.585 0 0 1 0 47.697C0 40.177 6.078 34.1 13.598 34.1z"/><path fill="#2eb67d" d="M102.194 47.697c0-7.52 6.078-13.598 13.598-13.598s13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599h-13.598zm-6.8 0c0 7.52-6.077 13.599-13.598 13.599a13.585 13.585 0 0 1-13.598-13.599V13.598C68.198 6.078 74.276 0 81.796 0s13.599 6.078 13.599 13.598z"/><path fill="#ecb22e" d="M81.796 102.194c7.52 0 13.599 6.078 13.599 13.598s-6.078 13.599-13.599 13.599a13.585 13.585 0 0 1-13.598-13.599v-13.598zm0-6.8a13.585 13.585 0 0 1-13.598-13.598c0-7.52 6.078-13.598 13.598-13.598h34.1c7.52 0 13.598 6.078 13.598 13.598s-6.078 13.599-13.599 13.599z"/></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%20512%20130%22%3E%3Cpath%20d%3D%22m163.593%20101.885l6.387-14.835c6.902%205.151%2016.07%207.83%2025.136%207.83c6.696%200%2010.92-2.576%2010.92-6.49c-.103-10.92-40.074-2.37-40.383-29.773c-.103-13.907%2012.26-24.621%2029.772-24.621c10.405%200%2020.81%202.575%2028.227%208.447l-5.975%2015.144c-6.799-4.327-15.246-7.417-23.282-7.417c-5.46%200-9.065%202.575-9.065%205.872c.103%2010.714%2040.383%204.842%2040.795%2031.008c0%2014.217-12.053%2024.21-29.36%2024.21c-12.672%200-24.313-2.988-33.172-9.375m245.08-20.192l17.616%209.787c-6.593%2011.847-19.161%2019.78-33.687%2019.78c-21.325%200-38.632-17.307-38.632-38.632s17.307-38.632%2038.632-38.632c14.423%200%2027.094%208.035%2033.687%2019.78l-17.616%209.786c-3.194-5.563-9.169-9.374-16.071-9.374c-10.199%200-18.44%208.241-18.44%2018.44s8.241%2018.44%2018.44%2018.44c6.902%200%2012.877-3.812%2016.07-9.375M234.984%201.957h22.046v107.86h-22.046zm199.958%200h22.046v63.356l24.93-29.772h26.991l-30.802%2035.85l33.275%2038.426h-28.227L456.988%2077.47v32.347h-22.046zM322.55%2081.9V63.665c-3.194-5.357-9.787-9.477-17.204-9.477c-10.2%200-18.44%208.241-18.44%2018.44s8.24%2018.44%2018.44%2018.44c7.417%200%2014.01-3.915%2017.204-9.169m0-46.358h22.046v74.173H322.55v-8.756c-3.606%206.078-12.569%2010.302-21.943%2010.302c-19.368%200-34.614-17.307-34.614-38.735s15.246-38.529%2034.614-38.529c9.374%200%2018.337%204.224%2021.943%2010.302z%22%2F%3E%3Cpath%20fill%3D%22%23e01e5a%22%20d%3D%22M27.3%2081.796c0%207.52-6.078%2013.599-13.599%2013.599A13.585%2013.585%200%200%201%20.103%2081.796c0-7.52%206.078-13.598%2013.598-13.598H27.3zm6.799%200c0-7.52%206.078-13.598%2013.598-13.598s13.599%206.078%2013.599%2013.598v33.996c0%207.52-6.078%2013.599-13.599%2013.599A13.585%2013.585%200%200%201%2034.1%20115.792z%22%2F%3E%3Cpath%20fill%3D%22%2336c5f0%22%20d%3D%22M47.697%2027.197A13.585%2013.585%200%200%201%2034.1%2013.598C34.099%206.078%2040.177%200%2047.697%200s13.599%206.078%2013.599%2013.598v13.599zm0%206.902c7.52%200%2013.599%206.078%2013.599%2013.598s-6.078%2013.599-13.599%2013.599H13.598A13.585%2013.585%200%200%201%200%2047.697C0%2040.177%206.078%2034.1%2013.598%2034.1z%22%2F%3E%3Cpath%20fill%3D%22%232eb67d%22%20d%3D%22M102.194%2047.697c0-7.52%206.078-13.598%2013.598-13.598s13.599%206.078%2013.599%2013.598s-6.078%2013.599-13.599%2013.599h-13.598zm-6.8%200c0%207.52-6.077%2013.599-13.598%2013.599a13.585%2013.585%200%200%201-13.598-13.599V13.598C68.198%206.078%2074.276%200%2081.796%200s13.599%206.078%2013.599%2013.598z%22%2F%3E%3Cpath%20fill%3D%22%23ecb22e%22%20d%3D%22M81.796%20102.194c7.52%200%2013.599%206.078%2013.599%2013.598s-6.078%2013.599-13.599%2013.599a13.585%2013.585%200%200%201-13.598-13.599v-13.598zm0-6.8a13.585%2013.585%200%200%201-13.598-13.598c0-7.52%206.078-13.598%2013.598-13.598h34.1c7.52%200%2013.598%206.078%2013.598%2013.598s-6.078%2013.599-13.599%2013.599z%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%20512%20130%22%3E%3Cpath%20d%3D%22m163.593%20101.885l6.387-14.835c6.902%205.151%2016.07%207.83%2025.136%207.83c6.696%200%2010.92-2.576%2010.92-6.49c-.103-10.92-40.074-2.37-40.383-29.773c-.103-13.907%2012.26-24.621%2029.772-24.621c10.405%200%2020.81%202.575%2028.227%208.447l-5.975%2015.144c-6.799-4.327-15.246-7.417-23.282-7.417c-5.46%200-9.065%202.575-9.065%205.872c.103%2010.714%2040.383%204.842%2040.795%2031.008c0%2014.217-12.053%2024.21-29.36%2024.21c-12.672%200-24.313-2.988-33.172-9.375m245.08-20.192l17.616%209.787c-6.593%2011.847-19.161%2019.78-33.687%2019.78c-21.325%200-38.632-17.307-38.632-38.632s17.307-38.632%2038.632-38.632c14.423%200%2027.094%208.035%2033.687%2019.78l-17.616%209.786c-3.194-5.563-9.169-9.374-16.071-9.374c-10.199%200-18.44%208.241-18.44%2018.44s8.241%2018.44%2018.44%2018.44c6.902%200%2012.877-3.812%2016.07-9.375M234.984%201.957h22.046v107.86h-22.046zm199.958%200h22.046v63.356l24.93-29.772h26.991l-30.802%2035.85l33.275%2038.426h-28.227L456.988%2077.47v32.347h-22.046zM322.55%2081.9V63.665c-3.194-5.357-9.787-9.477-17.204-9.477c-10.2%200-18.44%208.241-18.44%2018.44s8.24%2018.44%2018.44%2018.44c7.417%200%2014.01-3.915%2017.204-9.169m0-46.358h22.046v74.173H322.55v-8.756c-3.606%206.078-12.569%2010.302-21.943%2010.302c-19.368%200-34.614-17.307-34.614-38.735s15.246-38.529%2034.614-38.529c9.374%200%2018.337%204.224%2021.943%2010.302z%22%2F%3E%3Cpath%20fill%3D%22%23e01e5a%22%20d%3D%22M27.3%2081.796c0%207.52-6.078%2013.599-13.599%2013.599A13.585%2013.585%200%200%201%20.103%2081.796c0-7.52%206.078-13.598%2013.598-13.598H27.3zm6.799%200c0-7.52%206.078-13.598%2013.598-13.598s13.599%206.078%2013.599%2013.598v33.996c0%207.52-6.078%2013.599-13.599%2013.599A13.585%2013.585%200%200%201%2034.1%20115.792z%22%2F%3E%3Cpath%20fill%3D%22%2336c5f0%22%20d%3D%22M47.697%2027.197A13.585%2013.585%200%200%201%2034.1%2013.598C34.099%206.078%2040.177%200%2047.697%200s13.599%206.078%2013.599%2013.598v13.599zm0%206.902c7.52%200%2013.599%206.078%2013.599%2013.598s-6.078%2013.599-13.599%2013.599H13.598A13.585%2013.585%200%200%201%200%2047.697C0%2040.177%206.078%2034.1%2013.598%2034.1z%22%2F%3E%3Cpath%20fill%3D%22%232eb67d%22%20d%3D%22M102.194%2047.697c0-7.52%206.078-13.598%2013.598-13.598s13.599%206.078%2013.599%2013.598s-6.078%2013.599-13.599%2013.599h-13.598zm-6.8%200c0%207.52-6.077%2013.599-13.598%2013.599a13.585%2013.585%200%200%201-13.598-13.599V13.598C68.198%206.078%2074.276%200%2081.796%200s13.599%206.078%2013.599%2013.598z%22%2F%3E%3Cpath%20fill%3D%22%23ecb22e%22%20d%3D%22M81.796%20102.194c7.52%200%2013.599%206.078%2013.599%2013.598s-6.078%2013.599-13.599%2013.599a13.585%2013.585%200%200%201-13.598-13.599v-13.598zm0-6.8a13.585%2013.585%200%200%201-13.598-13.598c0-7.52%206.078-13.598%2013.598-13.598h34.1c7.52%200%2013.598%206.078%2013.598%2013.598s-6.078%2013.599-13.599%2013.599z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/slack.svg?color=%231a73e8&size=48