slack icon

slack-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
slack-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
slack, slack-outline

The same icon in other sets

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

Related icons in Ant Design Icons

slack-circle-filledslack-square-filled

Use the slack icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M409.4 128c-42.4 0-76.7 34.4-76.7 76.8c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5h76.7v-76.8c0-42.3-34.3-76.7-76.7-76.8m0 204.8H204.7c-42.4 0-76.7 34.4-76.7 76.8s34.4 76.8 76.7 76.8h204.6c42.4 0 76.7-34.4 76.7-76.8c.1-42.4-34.3-76.8-76.6-76.8M614 486.4c42.4 0 76.8-34.4 76.7-76.8V204.8c0-42.4-34.3-76.8-76.7-76.8s-76.7 34.4-76.7 76.8v204.8c0 42.5 34.3 76.8 76.7 76.8m281.4-76.8c0-42.4-34.4-76.8-76.7-76.8S742 367.2 742 409.6v76.8h76.7c42.3 0 76.7-34.4 76.7-76.8m-76.8 128H614c-42.4 0-76.7 34.4-76.7 76.8c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5h204.6c42.4 0 76.7-34.4 76.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M614 742.4h-76.7v76.8c0 42.4 34.4 76.8 76.7 76.8c42.4 0 76.8-34.4 76.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M409.4 537.6c-42.4 0-76.7 34.4-76.7 76.8v204.8c0 42.4 34.4 76.8 76.7 76.8c42.4 0 76.8-34.4 76.7-76.8V614.4c0-20.3-8.1-39.9-22.4-54.3c-14.4-14.4-34-22.5-54.3-22.5M128 614.4c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5c42.4 0 76.8-34.4 76.7-76.8v-76.8h-76.7c-42.3 0-76.7 34.4-76.7 76.8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignSlackOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M409.4 128c-42.4 0-76.7 34.4-76.7 76.8c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5h76.7v-76.8c0-42.3-34.3-76.7-76.7-76.8m0 204.8H204.7c-42.4 0-76.7 34.4-76.7 76.8s34.4 76.8 76.7 76.8h204.6c42.4 0 76.7-34.4 76.7-76.8c.1-42.4-34.3-76.8-76.6-76.8M614 486.4c42.4 0 76.8-34.4 76.7-76.8V204.8c0-42.4-34.3-76.8-76.7-76.8s-76.7 34.4-76.7 76.8v204.8c0 42.5 34.3 76.8 76.7 76.8m281.4-76.8c0-42.4-34.4-76.8-76.7-76.8S742 367.2 742 409.6v76.8h76.7c42.3 0 76.7-34.4 76.7-76.8m-76.8 128H614c-42.4 0-76.7 34.4-76.7 76.8c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5h204.6c42.4 0 76.7-34.4 76.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M614 742.4h-76.7v76.8c0 42.4 34.4 76.8 76.7 76.8c42.4 0 76.8-34.4 76.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M409.4 537.6c-42.4 0-76.7 34.4-76.7 76.8v204.8c0 42.4 34.4 76.8 76.7 76.8c42.4 0 76.8-34.4 76.7-76.8V614.4c0-20.3-8.1-39.9-22.4-54.3c-14.4-14.4-34-22.5-54.3-22.5M128 614.4c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5c42.4 0 76.8-34.4 76.7-76.8v-76.8h-76.7c-42.3 0-76.7 34.4-76.7 76.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M409.4 128c-42.4 0-76.7 34.4-76.7 76.8c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5h76.7v-76.8c0-42.3-34.3-76.7-76.7-76.8m0 204.8H204.7c-42.4 0-76.7 34.4-76.7 76.8s34.4 76.8 76.7 76.8h204.6c42.4 0 76.7-34.4 76.7-76.8c.1-42.4-34.3-76.8-76.6-76.8M614 486.4c42.4 0 76.8-34.4 76.7-76.8V204.8c0-42.4-34.3-76.8-76.7-76.8s-76.7 34.4-76.7 76.8v204.8c0 42.5 34.3 76.8 76.7 76.8m281.4-76.8c0-42.4-34.4-76.8-76.7-76.8S742 367.2 742 409.6v76.8h76.7c42.3 0 76.7-34.4 76.7-76.8m-76.8 128H614c-42.4 0-76.7 34.4-76.7 76.8c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5h204.6c42.4 0 76.7-34.4 76.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M614 742.4h-76.7v76.8c0 42.4 34.4 76.8 76.7 76.8c42.4 0 76.8-34.4 76.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M409.4 537.6c-42.4 0-76.7 34.4-76.7 76.8v204.8c0 42.4 34.4 76.8 76.7 76.8c42.4 0 76.8-34.4 76.7-76.8V614.4c0-20.3-8.1-39.9-22.4-54.3c-14.4-14.4-34-22.5-54.3-22.5M128 614.4c0 20.3 8.1 39.9 22.4 54.3c14.4 14.4 33.9 22.5 54.3 22.5c42.4 0 76.8-34.4 76.7-76.8v-76.8h-76.7c-42.3 0-76.7 34.4-76.7 76.8"/></svg>
</template>

CSS

.icon-slack-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M409.4%20128c-42.4%200-76.7%2034.4-76.7%2076.8c0%2020.3%208.1%2039.9%2022.4%2054.3c14.4%2014.4%2033.9%2022.5%2054.3%2022.5h76.7v-76.8c0-42.3-34.3-76.7-76.7-76.8m0%20204.8H204.7c-42.4%200-76.7%2034.4-76.7%2076.8s34.4%2076.8%2076.7%2076.8h204.6c42.4%200%2076.7-34.4%2076.7-76.8c.1-42.4-34.3-76.8-76.6-76.8M614%20486.4c42.4%200%2076.8-34.4%2076.7-76.8V204.8c0-42.4-34.3-76.8-76.7-76.8s-76.7%2034.4-76.7%2076.8v204.8c0%2042.5%2034.3%2076.8%2076.7%2076.8m281.4-76.8c0-42.4-34.4-76.8-76.7-76.8S742%20367.2%20742%20409.6v76.8h76.7c42.3%200%2076.7-34.4%2076.7-76.8m-76.8%20128H614c-42.4%200-76.7%2034.4-76.7%2076.8c0%2020.3%208.1%2039.9%2022.4%2054.3c14.4%2014.4%2033.9%2022.5%2054.3%2022.5h204.6c42.4%200%2076.7-34.4%2076.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M614%20742.4h-76.7v76.8c0%2042.4%2034.4%2076.8%2076.7%2076.8c42.4%200%2076.8-34.4%2076.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M409.4%20537.6c-42.4%200-76.7%2034.4-76.7%2076.8v204.8c0%2042.4%2034.4%2076.8%2076.7%2076.8c42.4%200%2076.8-34.4%2076.7-76.8V614.4c0-20.3-8.1-39.9-22.4-54.3c-14.4-14.4-34-22.5-54.3-22.5M128%20614.4c0%2020.3%208.1%2039.9%2022.4%2054.3c14.4%2014.4%2033.9%2022.5%2054.3%2022.5c42.4%200%2076.8-34.4%2076.7-76.8v-76.8h-76.7c-42.3%200-76.7%2034.4-76.7%2076.8%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M409.4%20128c-42.4%200-76.7%2034.4-76.7%2076.8c0%2020.3%208.1%2039.9%2022.4%2054.3c14.4%2014.4%2033.9%2022.5%2054.3%2022.5h76.7v-76.8c0-42.3-34.3-76.7-76.7-76.8m0%20204.8H204.7c-42.4%200-76.7%2034.4-76.7%2076.8s34.4%2076.8%2076.7%2076.8h204.6c42.4%200%2076.7-34.4%2076.7-76.8c.1-42.4-34.3-76.8-76.6-76.8M614%20486.4c42.4%200%2076.8-34.4%2076.7-76.8V204.8c0-42.4-34.3-76.8-76.7-76.8s-76.7%2034.4-76.7%2076.8v204.8c0%2042.5%2034.3%2076.8%2076.7%2076.8m281.4-76.8c0-42.4-34.4-76.8-76.7-76.8S742%20367.2%20742%20409.6v76.8h76.7c42.3%200%2076.7-34.4%2076.7-76.8m-76.8%20128H614c-42.4%200-76.7%2034.4-76.7%2076.8c0%2020.3%208.1%2039.9%2022.4%2054.3c14.4%2014.4%2033.9%2022.5%2054.3%2022.5h204.6c42.4%200%2076.7-34.4%2076.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M614%20742.4h-76.7v76.8c0%2042.4%2034.4%2076.8%2076.7%2076.8c42.4%200%2076.8-34.4%2076.7-76.8c.1-42.4-34.3-76.7-76.7-76.8M409.4%20537.6c-42.4%200-76.7%2034.4-76.7%2076.8v204.8c0%2042.4%2034.4%2076.8%2076.7%2076.8c42.4%200%2076.8-34.4%2076.7-76.8V614.4c0-20.3-8.1-39.9-22.4-54.3c-14.4-14.4-34-22.5-54.3-22.5M128%20614.4c0%2020.3%208.1%2039.9%2022.4%2054.3c14.4%2014.4%2033.9%2022.5%2054.3%2022.5c42.4%200%2076.8-34.4%2076.7-76.8v-76.8h-76.7c-42.3%200-76.7%2034.4-76.7%2076.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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