slack alt icon

slack-alt from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.

Name: slack-alt
Set: Unicons
Style: Line
Category: Brand Logos
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

More brand logos icons from Unicons

Use the slack alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 9.5A3.504 3.504 0 0 0 19.5 6a3.46 3.46 0 0 0-1.5.351V4.5a3.495 3.495 0 0 0-6-2.442A3.487 3.487 0 0 0 6.351 6H4.5a3.495 3.495 0 0 0-2.442 6A3.487 3.487 0 0 0 6 17.649V19.5a3.495 3.495 0 0 0 6 2.442A3.487 3.487 0 0 0 17.649 18H19.5a3.495 3.495 0 0 0 2.442-6A3.5 3.5 0 0 0 23 9.5m-10-5a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0Zm-7 10A1.5 1.5 0 1 1 4.5 13H6Zm5 5a1.5 1.5 0 0 1-3 0v-5a1.5 1.5 0 0 1 3 0ZM9.5 11h-5a1.5 1.5 0 0 1 0-3h5a1.5 1.5 0 0 1 0 3M11 6H9.5A1.5 1.5 0 1 1 11 4.5Zm1 6.058L11.942 12l.058-.058l.058.058zM14.5 21a1.5 1.5 0 0 1-1.5-1.5V18h1.5a1.5 1.5 0 0 1 0 3m5-5h-5a1.5 1.5 0 0 1 0-3h5a1.5 1.5 0 0 1 0 3m0-5H18V9.5a1.5 1.5 0 1 1 1.5 1.5"/></svg>

React

import type { SVGProps } from "react";

export function UilSlackAlt(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="M23 9.5A3.504 3.504 0 0 0 19.5 6a3.46 3.46 0 0 0-1.5.351V4.5a3.495 3.495 0 0 0-6-2.442A3.487 3.487 0 0 0 6.351 6H4.5a3.495 3.495 0 0 0-2.442 6A3.487 3.487 0 0 0 6 17.649V19.5a3.495 3.495 0 0 0 6 2.442A3.487 3.487 0 0 0 17.649 18H19.5a3.495 3.495 0 0 0 2.442-6A3.5 3.5 0 0 0 23 9.5m-10-5a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0Zm-7 10A1.5 1.5 0 1 1 4.5 13H6Zm5 5a1.5 1.5 0 0 1-3 0v-5a1.5 1.5 0 0 1 3 0ZM9.5 11h-5a1.5 1.5 0 0 1 0-3h5a1.5 1.5 0 0 1 0 3M11 6H9.5A1.5 1.5 0 1 1 11 4.5Zm1 6.058L11.942 12l.058-.058l.058.058zM14.5 21a1.5 1.5 0 0 1-1.5-1.5V18h1.5a1.5 1.5 0 0 1 0 3m5-5h-5a1.5 1.5 0 0 1 0-3h5a1.5 1.5 0 0 1 0 3m0-5H18V9.5a1.5 1.5 0 1 1 1.5 1.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 9.5A3.504 3.504 0 0 0 19.5 6a3.46 3.46 0 0 0-1.5.351V4.5a3.495 3.495 0 0 0-6-2.442A3.487 3.487 0 0 0 6.351 6H4.5a3.495 3.495 0 0 0-2.442 6A3.487 3.487 0 0 0 6 17.649V19.5a3.495 3.495 0 0 0 6 2.442A3.487 3.487 0 0 0 17.649 18H19.5a3.495 3.495 0 0 0 2.442-6A3.5 3.5 0 0 0 23 9.5m-10-5a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0Zm-7 10A1.5 1.5 0 1 1 4.5 13H6Zm5 5a1.5 1.5 0 0 1-3 0v-5a1.5 1.5 0 0 1 3 0ZM9.5 11h-5a1.5 1.5 0 0 1 0-3h5a1.5 1.5 0 0 1 0 3M11 6H9.5A1.5 1.5 0 1 1 11 4.5Zm1 6.058L11.942 12l.058-.058l.058.058zM14.5 21a1.5 1.5 0 0 1-1.5-1.5V18h1.5a1.5 1.5 0 0 1 0 3m5-5h-5a1.5 1.5 0 0 1 0-3h5a1.5 1.5 0 0 1 0 3m0-5H18V9.5a1.5 1.5 0 1 1 1.5 1.5"/></svg>
</template>

CSS

.icon-slack-alt {
  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%22M23%209.5A3.504%203.504%200%200%200%2019.5%206a3.46%203.46%200%200%200-1.5.351V4.5a3.495%203.495%200%200%200-6-2.442A3.487%203.487%200%200%200%206.351%206H4.5a3.495%203.495%200%200%200-2.442%206A3.487%203.487%200%200%200%206%2017.649V19.5a3.495%203.495%200%200%200%206%202.442A3.487%203.487%200%200%200%2017.649%2018H19.5a3.495%203.495%200%200%200%202.442-6A3.5%203.5%200%200%200%2023%209.5m-10-5a1.5%201.5%200%200%201%203%200v5a1.5%201.5%200%200%201-3%200Zm-7%2010A1.5%201.5%200%201%201%204.5%2013H6Zm5%205a1.5%201.5%200%200%201-3%200v-5a1.5%201.5%200%200%201%203%200ZM9.5%2011h-5a1.5%201.5%200%200%201%200-3h5a1.5%201.5%200%200%201%200%203M11%206H9.5A1.5%201.5%200%201%201%2011%204.5Zm1%206.058L11.942%2012l.058-.058l.058.058zM14.5%2021a1.5%201.5%200%200%201-1.5-1.5V18h1.5a1.5%201.5%200%200%201%200%203m5-5h-5a1.5%201.5%200%200%201%200-3h5a1.5%201.5%200%200%201%200%203m0-5H18V9.5a1.5%201.5%200%201%201%201.5%201.5%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%22M23%209.5A3.504%203.504%200%200%200%2019.5%206a3.46%203.46%200%200%200-1.5.351V4.5a3.495%203.495%200%200%200-6-2.442A3.487%203.487%200%200%200%206.351%206H4.5a3.495%203.495%200%200%200-2.442%206A3.487%203.487%200%200%200%206%2017.649V19.5a3.495%203.495%200%200%200%206%202.442A3.487%203.487%200%200%200%2017.649%2018H19.5a3.495%203.495%200%200%200%202.442-6A3.5%203.5%200%200%200%2023%209.5m-10-5a1.5%201.5%200%200%201%203%200v5a1.5%201.5%200%200%201-3%200Zm-7%2010A1.5%201.5%200%201%201%204.5%2013H6Zm5%205a1.5%201.5%200%200%201-3%200v-5a1.5%201.5%200%200%201%203%200ZM9.5%2011h-5a1.5%201.5%200%200%201%200-3h5a1.5%201.5%200%200%201%200%203M11%206H9.5A1.5%201.5%200%201%201%2011%204.5Zm1%206.058L11.942%2012l.058-.058l.058.058zM14.5%2021a1.5%201.5%200%200%201-1.5-1.5V18h1.5a1.5%201.5%200%200%201%200%203m5-5h-5a1.5%201.5%200%200%201%200-3h5a1.5%201.5%200%200%201%200%203m0-5H18V9.5a1.5%201.5%200%201%201%201.5%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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