Slack Logo SVG logo, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JHClU20qQs5K/amnt.svg" alt="Slack Logo" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Group 1" transform="matrix(3 0 0 3 70 70)"><path d="M58 13C58 5.82 52.18 0 45 0C37.82 0 32 5.82 32 13C32 20.18 37.82 26 45 26L58 26Z" fill="#36c5f0"/><path d="M13 32L45 32C52.18 32 58 37.82 58 45L58 45C58 52.18 52.18 58 45 58L13 58C5.82 58 0 52.18 0 45L0 45C0 37.82 5.82 32 13 32Z" fill="#36c5f0"/><path d="M79 0L79 0C86.18 0 92 5.82 92 13L92 45C92 52.18 86.18 58 79 58L79 58C71.82 58 66 52.18 66 45L66 13C66 5.82 71.82 0 79 0Z" fill="#2eb67d"/><path d="M111 58C118.18 58 124 52.18 124 45C124 37.82 118.18 32 111 32C103.82 32 98 37.82 98 45L98 58Z" fill="#2eb67d"/><path d="M13 66C5.82 66 0 71.82 0 79C0 86.18 5.82 92 13 92C20.18 92 26 86.18 26 79L26 66Z" fill="#e01e5a"/><path d="M45 66L45 66C52.18 66 58 71.82 58 79L58 111C58 118.18 52.18 124 45 124L45 124C37.82 124 32 118.18 32 111L32 79C32 71.82 37.82 66 45 66Z" fill="#e01e5a"/><path d="M79 66L111 66C118.18 66 124 71.82 124 79L124 79C124 86.18 118.18 92 111 92L79 92C71.82 92 66 86.18 66 79L66 79C66 71.82 71.82 66 79 66Z" fill="#ecb22e"/><path d="M66 111C66 118.18 71.82 124 79 124C86.18 124 92 118.18 92 111C92 103.82 86.18 98 79 98L66 98Z" fill="#ecb22e"/></g></svg>

.slack-logo {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JHClU20qQs5K/amnt.svg");
  background-size: contain;
}

import SlackLogoSvg from "./slack-logo.jsx"; // from the React tab above

<SlackLogoSvg width={48} height={48} />