slack logo
slack-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- slack-wordmark
- Set
- Devicon
- Style
- Wordmark
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
slack-fillAkar IconsslackBootstrap IconsslackBoxicons BrandsslackFont Awesome 6 BrandsslackFeather Iconsslackcss.ggslackHuge IconsslackJam IconsslackLine AwesomeslackSVG LogosslackLucideslackMage IconsslackMaterial Design IconsslackPixelarticonsslack-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 128 128"><path d="m45.773 71.379l1.266-2.945c1.367 1.023 3.18 1.554 4.973 1.554c1.328 0 2.16-.511 2.16-1.289c-.02-2.164-7.93-.469-7.988-5.906c-.02-2.758 2.425-4.887 5.89-4.887c2.059 0 4.117.512 5.586 1.68l-1.183 3.004c-1.344-.86-3.016-1.473-4.606-1.473c-1.082 0-1.793.512-1.793 1.164c.02 2.125 7.988.961 8.07 6.153c0 2.82-2.382 4.804-5.808 4.804c-2.508 0-4.813-.593-6.567-1.86m48.5-4.007a3.647 3.647 0 0 1-6.828-1.797a3.65 3.65 0 0 1 3.649-3.66c1.363 0 2.547.758 3.18 1.86l3.484-1.942c-1.305-2.328-3.813-3.926-6.664-3.926c-4.223 0-7.645 3.438-7.645 7.668s3.422 7.664 7.645 7.664a7.59 7.59 0 0 0 6.664-3.926l-3.485-1.94zM59.902 51.55h4.364v21.403h-4.364V51.551zm39.571 0v21.403h4.359v-6.418l5.18 6.418h5.586l-6.586-7.625l6.097-7.113h-5.343l-4.934 5.906v-12.57h-4.36zM77.23 67.414c-.632 1.043-1.937 1.816-3.406 1.816a3.65 3.65 0 0 1-3.648-3.656a3.653 3.653 0 0 1 3.648-3.66c1.469 0 2.774.816 3.406 1.879zm0-9.2v1.74c-.714-1.208-2.488-2.048-4.343-2.048c-3.832 0-6.848 3.395-6.848 7.645c0 4.254 3.016 7.687 6.848 7.687c1.855 0 3.629-.84 4.343-2.043v1.739h4.364v-14.72zm0 0"/><path fill="#e01e5a" d="M18.805 67.39c0 1.493-1.203 2.7-2.692 2.7a2.693 2.693 0 0 1-2.691-2.7a2.69 2.69 0 0 1 2.691-2.695h2.692v2.696zm1.343 0a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.696v6.746a2.693 2.693 0 0 1-2.691 2.699a2.693 2.693 0 0 1-2.692-2.7zm0 0"/><path fill="#36c5f0" d="M22.84 56.559a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.695v2.7zm0 1.371a2.69 2.69 0 0 1 2.691 2.695c0 1.492-1.203 2.7-2.691 2.7h-6.746a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695zm0 0"/><path fill="#2eb67d" d="M33.625 60.625a2.69 2.69 0 0 1 2.691-2.695a2.69 2.69 0 0 1 2.692 2.695c0 1.492-1.203 2.7-2.692 2.7h-2.691zm-1.344 0c0 1.492-1.203 2.7-2.691 2.7a2.693 2.693 0 0 1-2.692-2.7v-6.766a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.695zm0 0"/><path fill="#ecb22e" d="M29.59 71.441a2.69 2.69 0 0 1 2.691 2.696a2.693 2.693 0 0 1-2.691 2.699a2.693 2.693 0 0 1-2.692-2.7v-2.695zm0-1.351a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695h6.746a2.69 2.69 0 0 1 2.691 2.696a2.693 2.693 0 0 1-2.691 2.699zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconSlackWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="m45.773 71.379l1.266-2.945c1.367 1.023 3.18 1.554 4.973 1.554c1.328 0 2.16-.511 2.16-1.289c-.02-2.164-7.93-.469-7.988-5.906c-.02-2.758 2.425-4.887 5.89-4.887c2.059 0 4.117.512 5.586 1.68l-1.183 3.004c-1.344-.86-3.016-1.473-4.606-1.473c-1.082 0-1.793.512-1.793 1.164c.02 2.125 7.988.961 8.07 6.153c0 2.82-2.382 4.804-5.808 4.804c-2.508 0-4.813-.593-6.567-1.86m48.5-4.007a3.647 3.647 0 0 1-6.828-1.797a3.65 3.65 0 0 1 3.649-3.66c1.363 0 2.547.758 3.18 1.86l3.484-1.942c-1.305-2.328-3.813-3.926-6.664-3.926c-4.223 0-7.645 3.438-7.645 7.668s3.422 7.664 7.645 7.664a7.59 7.59 0 0 0 6.664-3.926l-3.485-1.94zM59.902 51.55h4.364v21.403h-4.364V51.551zm39.571 0v21.403h4.359v-6.418l5.18 6.418h5.586l-6.586-7.625l6.097-7.113h-5.343l-4.934 5.906v-12.57h-4.36zM77.23 67.414c-.632 1.043-1.937 1.816-3.406 1.816a3.65 3.65 0 0 1-3.648-3.656a3.653 3.653 0 0 1 3.648-3.66c1.469 0 2.774.816 3.406 1.879zm0-9.2v1.74c-.714-1.208-2.488-2.048-4.343-2.048c-3.832 0-6.848 3.395-6.848 7.645c0 4.254 3.016 7.687 6.848 7.687c1.855 0 3.629-.84 4.343-2.043v1.739h4.364v-14.72zm0 0"/><path fill="#e01e5a" d="M18.805 67.39c0 1.493-1.203 2.7-2.692 2.7a2.693 2.693 0 0 1-2.691-2.7a2.69 2.69 0 0 1 2.691-2.695h2.692v2.696zm1.343 0a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.696v6.746a2.693 2.693 0 0 1-2.691 2.699a2.693 2.693 0 0 1-2.692-2.7zm0 0"/><path fill="#36c5f0" d="M22.84 56.559a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.695v2.7zm0 1.371a2.69 2.69 0 0 1 2.691 2.695c0 1.492-1.203 2.7-2.691 2.7h-6.746a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695zm0 0"/><path fill="#2eb67d" d="M33.625 60.625a2.69 2.69 0 0 1 2.691-2.695a2.69 2.69 0 0 1 2.692 2.695c0 1.492-1.203 2.7-2.692 2.7h-2.691zm-1.344 0c0 1.492-1.203 2.7-2.691 2.7a2.693 2.693 0 0 1-2.692-2.7v-6.766a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.695zm0 0"/><path fill="#ecb22e" d="M29.59 71.441a2.69 2.69 0 0 1 2.691 2.696a2.693 2.693 0 0 1-2.691 2.699a2.693 2.693 0 0 1-2.692-2.7v-2.695zm0-1.351a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695h6.746a2.69 2.69 0 0 1 2.691 2.696a2.693 2.693 0 0 1-2.691 2.699zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="m45.773 71.379l1.266-2.945c1.367 1.023 3.18 1.554 4.973 1.554c1.328 0 2.16-.511 2.16-1.289c-.02-2.164-7.93-.469-7.988-5.906c-.02-2.758 2.425-4.887 5.89-4.887c2.059 0 4.117.512 5.586 1.68l-1.183 3.004c-1.344-.86-3.016-1.473-4.606-1.473c-1.082 0-1.793.512-1.793 1.164c.02 2.125 7.988.961 8.07 6.153c0 2.82-2.382 4.804-5.808 4.804c-2.508 0-4.813-.593-6.567-1.86m48.5-4.007a3.647 3.647 0 0 1-6.828-1.797a3.65 3.65 0 0 1 3.649-3.66c1.363 0 2.547.758 3.18 1.86l3.484-1.942c-1.305-2.328-3.813-3.926-6.664-3.926c-4.223 0-7.645 3.438-7.645 7.668s3.422 7.664 7.645 7.664a7.59 7.59 0 0 0 6.664-3.926l-3.485-1.94zM59.902 51.55h4.364v21.403h-4.364V51.551zm39.571 0v21.403h4.359v-6.418l5.18 6.418h5.586l-6.586-7.625l6.097-7.113h-5.343l-4.934 5.906v-12.57h-4.36zM77.23 67.414c-.632 1.043-1.937 1.816-3.406 1.816a3.65 3.65 0 0 1-3.648-3.656a3.653 3.653 0 0 1 3.648-3.66c1.469 0 2.774.816 3.406 1.879zm0-9.2v1.74c-.714-1.208-2.488-2.048-4.343-2.048c-3.832 0-6.848 3.395-6.848 7.645c0 4.254 3.016 7.687 6.848 7.687c1.855 0 3.629-.84 4.343-2.043v1.739h4.364v-14.72zm0 0"/><path fill="#e01e5a" d="M18.805 67.39c0 1.493-1.203 2.7-2.692 2.7a2.693 2.693 0 0 1-2.691-2.7a2.69 2.69 0 0 1 2.691-2.695h2.692v2.696zm1.343 0a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.696v6.746a2.693 2.693 0 0 1-2.691 2.699a2.693 2.693 0 0 1-2.692-2.7zm0 0"/><path fill="#36c5f0" d="M22.84 56.559a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.695v2.7zm0 1.371a2.69 2.69 0 0 1 2.691 2.695c0 1.492-1.203 2.7-2.691 2.7h-6.746a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695zm0 0"/><path fill="#2eb67d" d="M33.625 60.625a2.69 2.69 0 0 1 2.691-2.695a2.69 2.69 0 0 1 2.692 2.695c0 1.492-1.203 2.7-2.692 2.7h-2.691zm-1.344 0c0 1.492-1.203 2.7-2.691 2.7a2.693 2.693 0 0 1-2.692-2.7v-6.766a2.69 2.69 0 0 1 2.692-2.695a2.69 2.69 0 0 1 2.691 2.695zm0 0"/><path fill="#ecb22e" d="M29.59 71.441a2.69 2.69 0 0 1 2.691 2.696a2.693 2.693 0 0 1-2.691 2.699a2.693 2.693 0 0 1-2.692-2.7v-2.695zm0-1.351a2.693 2.693 0 0 1-2.692-2.7a2.69 2.69 0 0 1 2.692-2.695h6.746a2.69 2.69 0 0 1 2.691 2.696a2.693 2.693 0 0 1-2.691 2.699zm0 0"/></svg> </template>
CSS
.icon-slack-wordmark {
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%20128%20128%22%3E%3Cpath%20d%3D%22m45.773%2071.379l1.266-2.945c1.367%201.023%203.18%201.554%204.973%201.554c1.328%200%202.16-.511%202.16-1.289c-.02-2.164-7.93-.469-7.988-5.906c-.02-2.758%202.425-4.887%205.89-4.887c2.059%200%204.117.512%205.586%201.68l-1.183%203.004c-1.344-.86-3.016-1.473-4.606-1.473c-1.082%200-1.793.512-1.793%201.164c.02%202.125%207.988.961%208.07%206.153c0%202.82-2.382%204.804-5.808%204.804c-2.508%200-4.813-.593-6.567-1.86m48.5-4.007a3.647%203.647%200%200%201-6.828-1.797a3.65%203.65%200%200%201%203.649-3.66c1.363%200%202.547.758%203.18%201.86l3.484-1.942c-1.305-2.328-3.813-3.926-6.664-3.926c-4.223%200-7.645%203.438-7.645%207.668s3.422%207.664%207.645%207.664a7.59%207.59%200%200%200%206.664-3.926l-3.485-1.94zM59.902%2051.55h4.364v21.403h-4.364V51.551zm39.571%200v21.403h4.359v-6.418l5.18%206.418h5.586l-6.586-7.625l6.097-7.113h-5.343l-4.934%205.906v-12.57h-4.36zM77.23%2067.414c-.632%201.043-1.937%201.816-3.406%201.816a3.65%203.65%200%200%201-3.648-3.656a3.653%203.653%200%200%201%203.648-3.66c1.469%200%202.774.816%203.406%201.879zm0-9.2v1.74c-.714-1.208-2.488-2.048-4.343-2.048c-3.832%200-6.848%203.395-6.848%207.645c0%204.254%203.016%207.687%206.848%207.687c1.855%200%203.629-.84%204.343-2.043v1.739h4.364v-14.72zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23e01e5a%22%20d%3D%22M18.805%2067.39c0%201.493-1.203%202.7-2.692%202.7a2.693%202.693%200%200%201-2.691-2.7a2.69%202.69%200%200%201%202.691-2.695h2.692v2.696zm1.343%200a2.69%202.69%200%200%201%202.692-2.695a2.69%202.69%200%200%201%202.691%202.696v6.746a2.693%202.693%200%200%201-2.691%202.699a2.693%202.693%200%200%201-2.692-2.7zm0%200%22%2F%3E%3Cpath%20fill%3D%22%2336c5f0%22%20d%3D%22M22.84%2056.559a2.693%202.693%200%200%201-2.692-2.7a2.69%202.69%200%200%201%202.692-2.695a2.69%202.69%200%200%201%202.691%202.695v2.7zm0%201.371a2.69%202.69%200%200%201%202.691%202.695c0%201.492-1.203%202.7-2.691%202.7h-6.746a2.693%202.693%200%200%201-2.692-2.7a2.69%202.69%200%200%201%202.692-2.695zm0%200%22%2F%3E%3Cpath%20fill%3D%22%232eb67d%22%20d%3D%22M33.625%2060.625a2.69%202.69%200%200%201%202.691-2.695a2.69%202.69%200%200%201%202.692%202.695c0%201.492-1.203%202.7-2.692%202.7h-2.691zm-1.344%200c0%201.492-1.203%202.7-2.691%202.7a2.693%202.693%200%200%201-2.692-2.7v-6.766a2.69%202.69%200%200%201%202.692-2.695a2.69%202.69%200%200%201%202.691%202.695zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ecb22e%22%20d%3D%22M29.59%2071.441a2.69%202.69%200%200%201%202.691%202.696a2.693%202.693%200%200%201-2.691%202.699a2.693%202.693%200%200%201-2.692-2.7v-2.695zm0-1.351a2.693%202.693%200%200%201-2.692-2.7a2.69%202.69%200%200%201%202.692-2.695h6.746a2.69%202.69%200%200%201%202.691%202.696a2.693%202.693%200%200%201-2.691%202.699zm0%200%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%20128%20128%22%3E%3Cpath%20d%3D%22m45.773%2071.379l1.266-2.945c1.367%201.023%203.18%201.554%204.973%201.554c1.328%200%202.16-.511%202.16-1.289c-.02-2.164-7.93-.469-7.988-5.906c-.02-2.758%202.425-4.887%205.89-4.887c2.059%200%204.117.512%205.586%201.68l-1.183%203.004c-1.344-.86-3.016-1.473-4.606-1.473c-1.082%200-1.793.512-1.793%201.164c.02%202.125%207.988.961%208.07%206.153c0%202.82-2.382%204.804-5.808%204.804c-2.508%200-4.813-.593-6.567-1.86m48.5-4.007a3.647%203.647%200%200%201-6.828-1.797a3.65%203.65%200%200%201%203.649-3.66c1.363%200%202.547.758%203.18%201.86l3.484-1.942c-1.305-2.328-3.813-3.926-6.664-3.926c-4.223%200-7.645%203.438-7.645%207.668s3.422%207.664%207.645%207.664a7.59%207.59%200%200%200%206.664-3.926l-3.485-1.94zM59.902%2051.55h4.364v21.403h-4.364V51.551zm39.571%200v21.403h4.359v-6.418l5.18%206.418h5.586l-6.586-7.625l6.097-7.113h-5.343l-4.934%205.906v-12.57h-4.36zM77.23%2067.414c-.632%201.043-1.937%201.816-3.406%201.816a3.65%203.65%200%200%201-3.648-3.656a3.653%203.653%200%200%201%203.648-3.66c1.469%200%202.774.816%203.406%201.879zm0-9.2v1.74c-.714-1.208-2.488-2.048-4.343-2.048c-3.832%200-6.848%203.395-6.848%207.645c0%204.254%203.016%207.687%206.848%207.687c1.855%200%203.629-.84%204.343-2.043v1.739h4.364v-14.72zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23e01e5a%22%20d%3D%22M18.805%2067.39c0%201.493-1.203%202.7-2.692%202.7a2.693%202.693%200%200%201-2.691-2.7a2.69%202.69%200%200%201%202.691-2.695h2.692v2.696zm1.343%200a2.69%202.69%200%200%201%202.692-2.695a2.69%202.69%200%200%201%202.691%202.696v6.746a2.693%202.693%200%200%201-2.691%202.699a2.693%202.693%200%200%201-2.692-2.7zm0%200%22%2F%3E%3Cpath%20fill%3D%22%2336c5f0%22%20d%3D%22M22.84%2056.559a2.693%202.693%200%200%201-2.692-2.7a2.69%202.69%200%200%201%202.692-2.695a2.69%202.69%200%200%201%202.691%202.695v2.7zm0%201.371a2.69%202.69%200%200%201%202.691%202.695c0%201.492-1.203%202.7-2.691%202.7h-6.746a2.693%202.693%200%200%201-2.692-2.7a2.69%202.69%200%200%201%202.692-2.695zm0%200%22%2F%3E%3Cpath%20fill%3D%22%232eb67d%22%20d%3D%22M33.625%2060.625a2.69%202.69%200%200%201%202.691-2.695a2.69%202.69%200%200%201%202.692%202.695c0%201.492-1.203%202.7-2.692%202.7h-2.691zm-1.344%200c0%201.492-1.203%202.7-2.691%202.7a2.693%202.693%200%200%201-2.692-2.7v-6.766a2.69%202.69%200%200%201%202.692-2.695a2.69%202.69%200%200%201%202.691%202.695zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23ecb22e%22%20d%3D%22M29.59%2071.441a2.69%202.69%200%200%201%202.691%202.696a2.693%202.693%200%200%201-2.691%202.699a2.693%202.693%200%200%201-2.692-2.7v-2.695zm0-1.351a2.693%202.693%200%200%201-2.692-2.7a2.69%202.69%200%200%201%202.692-2.695h6.746a2.69%202.69%200%200%201%202.691%202.696a2.693%202.693%200%200%201-2.691%202.699zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/slack-wordmark.svg?color=%231a73e8&size=48
