slack icon
slack from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- slack
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
slack-fillAkar IconsslackBootstrap IconsslackBoxicons BrandsslackDeviconslackFont Awesome 6 BrandsslackFeather Iconsslackcss.ggslackHuge IconsslackJam IconsslackLine AwesomeslackSVG LogosslackLucideslackMaterial Design IconsslackPixelarticonsslack-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 24 24"><path fill="currentColor" d="M16.923 16.52h-2.39a1.98 1.98 0 0 1-1.973-1.195a2.01 2.01 0 0 1 .47-2.263a2 2 0 0 1 1.502-.53h4.858a1.98 1.98 0 0 1 1.969 1.63a1.95 1.95 0 0 1-1.147 2.173a2.2 2.2 0 0 1-.876.174c-.8.022-1.601.01-2.413.01m-9.435.501v-2.477a2 2 0 0 1 .56-1.402a2 2 0 0 1 1.377-.608a1.94 1.94 0 0 1 1.393.522c.377.352.6.84.62 1.357q.064 2.608 0 5.215A1.94 1.94 0 0 1 10.805 21a1.92 1.92 0 0 1-1.423.495a1.95 1.95 0 0 1-1.359-.614a1.97 1.97 0 0 1-.535-1.395c-.01-.815 0-1.64 0-2.466m8.938-9.963v2.434a2 2 0 0 1-.524 1.5a1.98 1.98 0 0 1-2.242.469a1.98 1.98 0 0 1-1.078-1.165a2 2 0 0 1-.106-.804V4.46a1.96 1.96 0 0 1 .605-1.386a1.95 1.95 0 0 1 1.408-.537a1.96 1.96 0 0 1 1.383.602a1.98 1.98 0 0 1 .553 1.408c.011.836 0 1.673 0 2.51M6.97 11.511H4.545a1.96 1.96 0 0 1-1.393-.579a1.98 1.98 0 0 1-.427-2.155a1.98 1.98 0 0 1 1.066-1.07a2 2 0 0 1 .754-.15h4.923a1.96 1.96 0 0 1 1.392.579a1.98 1.98 0 0 1-1.392 3.375zm4.478-6.171v.902c0 .18-.06.261-.216.261H9.165A1.92 1.92 0 0 1 7.9 5.787a1.93 1.93 0 0 1-.4-1.402c.022-.492.227-.958.574-1.306a1.965 1.965 0 0 1 3.342 1.12c.032.38.032.487.032.832zm-5.009 7.203q.09 1.221 0 2.444a1.9 1.9 0 0 1-.754 1.18a1.9 1.9 0 0 1-1.356.34a2 2 0 0 1-1.293-.627a2 2 0 0 1-.536-1.338a1.96 1.96 0 0 1 .497-1.346c.33-.369.786-.599 1.278-.643c.736-.065 1.471-.01 2.164-.01M17.443 11.5V9.329c.052-.509.299-.977.689-1.305c.39-.329.891-.492 1.399-.455c.522 0 1.023.208 1.392.579a1.98 1.98 0 0 1 0 2.796c-.37.371-.87.58-1.392.58c-.671 0-1.363-.022-2.088-.022m-4.967 6.072q1.202-.082 2.402 0c.488.09.92.367 1.208.773c.286.406.405.908.329 1.4a2 2 0 0 1-.67 1.264a1.98 1.98 0 0 1-1.343.485a1.92 1.92 0 0 1-1.314-.528a1.94 1.94 0 0 1-.6-1.287c-.044-.695-.012-1.401-.012-2.107"/></svg>
React
import type { SVGProps } from "react";
export function MageSlack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.923 16.52h-2.39a1.98 1.98 0 0 1-1.973-1.195a2.01 2.01 0 0 1 .47-2.263a2 2 0 0 1 1.502-.53h4.858a1.98 1.98 0 0 1 1.969 1.63a1.95 1.95 0 0 1-1.147 2.173a2.2 2.2 0 0 1-.876.174c-.8.022-1.601.01-2.413.01m-9.435.501v-2.477a2 2 0 0 1 .56-1.402a2 2 0 0 1 1.377-.608a1.94 1.94 0 0 1 1.393.522c.377.352.6.84.62 1.357q.064 2.608 0 5.215A1.94 1.94 0 0 1 10.805 21a1.92 1.92 0 0 1-1.423.495a1.95 1.95 0 0 1-1.359-.614a1.97 1.97 0 0 1-.535-1.395c-.01-.815 0-1.64 0-2.466m8.938-9.963v2.434a2 2 0 0 1-.524 1.5a1.98 1.98 0 0 1-2.242.469a1.98 1.98 0 0 1-1.078-1.165a2 2 0 0 1-.106-.804V4.46a1.96 1.96 0 0 1 .605-1.386a1.95 1.95 0 0 1 1.408-.537a1.96 1.96 0 0 1 1.383.602a1.98 1.98 0 0 1 .553 1.408c.011.836 0 1.673 0 2.51M6.97 11.511H4.545a1.96 1.96 0 0 1-1.393-.579a1.98 1.98 0 0 1-.427-2.155a1.98 1.98 0 0 1 1.066-1.07a2 2 0 0 1 .754-.15h4.923a1.96 1.96 0 0 1 1.392.579a1.98 1.98 0 0 1-1.392 3.375zm4.478-6.171v.902c0 .18-.06.261-.216.261H9.165A1.92 1.92 0 0 1 7.9 5.787a1.93 1.93 0 0 1-.4-1.402c.022-.492.227-.958.574-1.306a1.965 1.965 0 0 1 3.342 1.12c.032.38.032.487.032.832zm-5.009 7.203q.09 1.221 0 2.444a1.9 1.9 0 0 1-.754 1.18a1.9 1.9 0 0 1-1.356.34a2 2 0 0 1-1.293-.627a2 2 0 0 1-.536-1.338a1.96 1.96 0 0 1 .497-1.346c.33-.369.786-.599 1.278-.643c.736-.065 1.471-.01 2.164-.01M17.443 11.5V9.329c.052-.509.299-.977.689-1.305c.39-.329.891-.492 1.399-.455c.522 0 1.023.208 1.392.579a1.98 1.98 0 0 1 0 2.796c-.37.371-.87.58-1.392.58c-.671 0-1.363-.022-2.088-.022m-4.967 6.072q1.202-.082 2.402 0c.488.09.92.367 1.208.773c.286.406.405.908.329 1.4a2 2 0 0 1-.67 1.264a1.98 1.98 0 0 1-1.343.485a1.92 1.92 0 0 1-1.314-.528a1.94 1.94 0 0 1-.6-1.287c-.044-.695-.012-1.401-.012-2.107"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.923 16.52h-2.39a1.98 1.98 0 0 1-1.973-1.195a2.01 2.01 0 0 1 .47-2.263a2 2 0 0 1 1.502-.53h4.858a1.98 1.98 0 0 1 1.969 1.63a1.95 1.95 0 0 1-1.147 2.173a2.2 2.2 0 0 1-.876.174c-.8.022-1.601.01-2.413.01m-9.435.501v-2.477a2 2 0 0 1 .56-1.402a2 2 0 0 1 1.377-.608a1.94 1.94 0 0 1 1.393.522c.377.352.6.84.62 1.357q.064 2.608 0 5.215A1.94 1.94 0 0 1 10.805 21a1.92 1.92 0 0 1-1.423.495a1.95 1.95 0 0 1-1.359-.614a1.97 1.97 0 0 1-.535-1.395c-.01-.815 0-1.64 0-2.466m8.938-9.963v2.434a2 2 0 0 1-.524 1.5a1.98 1.98 0 0 1-2.242.469a1.98 1.98 0 0 1-1.078-1.165a2 2 0 0 1-.106-.804V4.46a1.96 1.96 0 0 1 .605-1.386a1.95 1.95 0 0 1 1.408-.537a1.96 1.96 0 0 1 1.383.602a1.98 1.98 0 0 1 .553 1.408c.011.836 0 1.673 0 2.51M6.97 11.511H4.545a1.96 1.96 0 0 1-1.393-.579a1.98 1.98 0 0 1-.427-2.155a1.98 1.98 0 0 1 1.066-1.07a2 2 0 0 1 .754-.15h4.923a1.96 1.96 0 0 1 1.392.579a1.98 1.98 0 0 1-1.392 3.375zm4.478-6.171v.902c0 .18-.06.261-.216.261H9.165A1.92 1.92 0 0 1 7.9 5.787a1.93 1.93 0 0 1-.4-1.402c.022-.492.227-.958.574-1.306a1.965 1.965 0 0 1 3.342 1.12c.032.38.032.487.032.832zm-5.009 7.203q.09 1.221 0 2.444a1.9 1.9 0 0 1-.754 1.18a1.9 1.9 0 0 1-1.356.34a2 2 0 0 1-1.293-.627a2 2 0 0 1-.536-1.338a1.96 1.96 0 0 1 .497-1.346c.33-.369.786-.599 1.278-.643c.736-.065 1.471-.01 2.164-.01M17.443 11.5V9.329c.052-.509.299-.977.689-1.305c.39-.329.891-.492 1.399-.455c.522 0 1.023.208 1.392.579a1.98 1.98 0 0 1 0 2.796c-.37.371-.87.58-1.392.58c-.671 0-1.363-.022-2.088-.022m-4.967 6.072q1.202-.082 2.402 0c.488.09.92.367 1.208.773c.286.406.405.908.329 1.4a2 2 0 0 1-.67 1.264a1.98 1.98 0 0 1-1.343.485a1.92 1.92 0 0 1-1.314-.528a1.94 1.94 0 0 1-.6-1.287c-.044-.695-.012-1.401-.012-2.107"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.923%2016.52h-2.39a1.98%201.98%200%200%201-1.973-1.195a2.01%202.01%200%200%201%20.47-2.263a2%202%200%200%201%201.502-.53h4.858a1.98%201.98%200%200%201%201.969%201.63a1.95%201.95%200%200%201-1.147%202.173a2.2%202.2%200%200%201-.876.174c-.8.022-1.601.01-2.413.01m-9.435.501v-2.477a2%202%200%200%201%20.56-1.402a2%202%200%200%201%201.377-.608a1.94%201.94%200%200%201%201.393.522c.377.352.6.84.62%201.357q.064%202.608%200%205.215A1.94%201.94%200%200%201%2010.805%2021a1.92%201.92%200%200%201-1.423.495a1.95%201.95%200%200%201-1.359-.614a1.97%201.97%200%200%201-.535-1.395c-.01-.815%200-1.64%200-2.466m8.938-9.963v2.434a2%202%200%200%201-.524%201.5a1.98%201.98%200%200%201-2.242.469a1.98%201.98%200%200%201-1.078-1.165a2%202%200%200%201-.106-.804V4.46a1.96%201.96%200%200%201%20.605-1.386a1.95%201.95%200%200%201%201.408-.537a1.96%201.96%200%200%201%201.383.602a1.98%201.98%200%200%201%20.553%201.408c.011.836%200%201.673%200%202.51M6.97%2011.511H4.545a1.96%201.96%200%200%201-1.393-.579a1.98%201.98%200%200%201-.427-2.155a1.98%201.98%200%200%201%201.066-1.07a2%202%200%200%201%20.754-.15h4.923a1.96%201.96%200%200%201%201.392.579a1.98%201.98%200%200%201-1.392%203.375zm4.478-6.171v.902c0%20.18-.06.261-.216.261H9.165A1.92%201.92%200%200%201%207.9%205.787a1.93%201.93%200%200%201-.4-1.402c.022-.492.227-.958.574-1.306a1.965%201.965%200%200%201%203.342%201.12c.032.38.032.487.032.832zm-5.009%207.203q.09%201.221%200%202.444a1.9%201.9%200%200%201-.754%201.18a1.9%201.9%200%200%201-1.356.34a2%202%200%200%201-1.293-.627a2%202%200%200%201-.536-1.338a1.96%201.96%200%200%201%20.497-1.346c.33-.369.786-.599%201.278-.643c.736-.065%201.471-.01%202.164-.01M17.443%2011.5V9.329c.052-.509.299-.977.689-1.305c.39-.329.891-.492%201.399-.455c.522%200%201.023.208%201.392.579a1.98%201.98%200%200%201%200%202.796c-.37.371-.87.58-1.392.58c-.671%200-1.363-.022-2.088-.022m-4.967%206.072q1.202-.082%202.402%200c.488.09.92.367%201.208.773c.286.406.405.908.329%201.4a2%202%200%200%201-.67%201.264a1.98%201.98%200%200%201-1.343.485a1.92%201.92%200%200%201-1.314-.528a1.94%201.94%200%200%201-.6-1.287c-.044-.695-.012-1.401-.012-2.107%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.923%2016.52h-2.39a1.98%201.98%200%200%201-1.973-1.195a2.01%202.01%200%200%201%20.47-2.263a2%202%200%200%201%201.502-.53h4.858a1.98%201.98%200%200%201%201.969%201.63a1.95%201.95%200%200%201-1.147%202.173a2.2%202.2%200%200%201-.876.174c-.8.022-1.601.01-2.413.01m-9.435.501v-2.477a2%202%200%200%201%20.56-1.402a2%202%200%200%201%201.377-.608a1.94%201.94%200%200%201%201.393.522c.377.352.6.84.62%201.357q.064%202.608%200%205.215A1.94%201.94%200%200%201%2010.805%2021a1.92%201.92%200%200%201-1.423.495a1.95%201.95%200%200%201-1.359-.614a1.97%201.97%200%200%201-.535-1.395c-.01-.815%200-1.64%200-2.466m8.938-9.963v2.434a2%202%200%200%201-.524%201.5a1.98%201.98%200%200%201-2.242.469a1.98%201.98%200%200%201-1.078-1.165a2%202%200%200%201-.106-.804V4.46a1.96%201.96%200%200%201%20.605-1.386a1.95%201.95%200%200%201%201.408-.537a1.96%201.96%200%200%201%201.383.602a1.98%201.98%200%200%201%20.553%201.408c.011.836%200%201.673%200%202.51M6.97%2011.511H4.545a1.96%201.96%200%200%201-1.393-.579a1.98%201.98%200%200%201-.427-2.155a1.98%201.98%200%200%201%201.066-1.07a2%202%200%200%201%20.754-.15h4.923a1.96%201.96%200%200%201%201.392.579a1.98%201.98%200%200%201-1.392%203.375zm4.478-6.171v.902c0%20.18-.06.261-.216.261H9.165A1.92%201.92%200%200%201%207.9%205.787a1.93%201.93%200%200%201-.4-1.402c.022-.492.227-.958.574-1.306a1.965%201.965%200%200%201%203.342%201.12c.032.38.032.487.032.832zm-5.009%207.203q.09%201.221%200%202.444a1.9%201.9%200%200%201-.754%201.18a1.9%201.9%200%200%201-1.356.34a2%202%200%200%201-1.293-.627a2%202%200%200%201-.536-1.338a1.96%201.96%200%200%201%20.497-1.346c.33-.369.786-.599%201.278-.643c.736-.065%201.471-.01%202.164-.01M17.443%2011.5V9.329c.052-.509.299-.977.689-1.305c.39-.329.891-.492%201.399-.455c.522%200%201.023.208%201.392.579a1.98%201.98%200%200%201%200%202.796c-.37.371-.87.58-1.392.58c-.671%200-1.363-.022-2.088-.022m-4.967%206.072q1.202-.082%202.402%200c.488.09.92.367%201.208.773c.286.406.405.908.329%201.4a2%202%200%200%201-.67%201.264a1.98%201.98%200%200%201-1.343.485a1.92%201.92%200%200%201-1.314-.528a1.94%201.94%200%200%201-.6-1.287c-.044-.695-.012-1.401-.012-2.107%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/slack.svg?color=%231a73e8&size=48
