mattermost logo

mattermost from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: mattermost
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

mattermostCoreUI Brands mattermostDevicon mattermostSVG Logos mattermostSimple Icons

Use the mattermost logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m326.9 64.1l-35 41.4c-64.9 11.7-120.9 56-142.9 121c-32.7 96.6 22.2 202.6 122.6 236.6S480 446.2 512.7 349.5c21.9-64.8 4.5-133.7-39.5-182.3l-2.7-54.3c88.3 64.1 128.8 180.4 92 289.2C517.1 536 371.8 607.7 238 562.4S32.3 371.8 77.6 237.9C114.5 129 217.6 61.1 326.9 64.1m71.8 23.6c1.4.5 2.5 1.5 3.2 2.7c0 .1.1.1.2.2s.1.2.1.3c.3.6.6 1.4.8 2.3c.6 4.3.4 22.1.4 22.5l1 37.9l1.5 43.7l1.9 76c0 .7.5 35.2-23.4 58.7c-24.2 23.7-54 21.6-73.3 15s-44.3-22.9-49.2-56.5s17-60.8 17-60.8l47.5-59.4l27.7-33.8L378 107c.2-.3 11-14.7 14-17.7c.6-.6 1.3-1 1.9-1.3c.1-.1.3-.2.4-.2h.1c1.3-.6 2.8-.7 4.3-.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsMattermost(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m326.9 64.1l-35 41.4c-64.9 11.7-120.9 56-142.9 121c-32.7 96.6 22.2 202.6 122.6 236.6S480 446.2 512.7 349.5c21.9-64.8 4.5-133.7-39.5-182.3l-2.7-54.3c88.3 64.1 128.8 180.4 92 289.2C517.1 536 371.8 607.7 238 562.4S32.3 371.8 77.6 237.9C114.5 129 217.6 61.1 326.9 64.1m71.8 23.6c1.4.5 2.5 1.5 3.2 2.7c0 .1.1.1.2.2s.1.2.1.3c.3.6.6 1.4.8 2.3c.6 4.3.4 22.1.4 22.5l1 37.9l1.5 43.7l1.9 76c0 .7.5 35.2-23.4 58.7c-24.2 23.7-54 21.6-73.3 15s-44.3-22.9-49.2-56.5s17-60.8 17-60.8l47.5-59.4l27.7-33.8L378 107c.2-.3 11-14.7 14-17.7c.6-.6 1.3-1 1.9-1.3c.1-.1.3-.2.4-.2h.1c1.3-.6 2.8-.7 4.3-.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m326.9 64.1l-35 41.4c-64.9 11.7-120.9 56-142.9 121c-32.7 96.6 22.2 202.6 122.6 236.6S480 446.2 512.7 349.5c21.9-64.8 4.5-133.7-39.5-182.3l-2.7-54.3c88.3 64.1 128.8 180.4 92 289.2C517.1 536 371.8 607.7 238 562.4S32.3 371.8 77.6 237.9C114.5 129 217.6 61.1 326.9 64.1m71.8 23.6c1.4.5 2.5 1.5 3.2 2.7c0 .1.1.1.2.2s.1.2.1.3c.3.6.6 1.4.8 2.3c.6 4.3.4 22.1.4 22.5l1 37.9l1.5 43.7l1.9 76c0 .7.5 35.2-23.4 58.7c-24.2 23.7-54 21.6-73.3 15s-44.3-22.9-49.2-56.5s17-60.8 17-60.8l47.5-59.4l27.7-33.8L378 107c.2-.3 11-14.7 14-17.7c.6-.6 1.3-1 1.9-1.3c.1-.1.3-.2.4-.2h.1c1.3-.6 2.8-.7 4.3-.2z"/></svg>
</template>

CSS

.icon-mattermost {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m326.9%2064.1l-35%2041.4c-64.9%2011.7-120.9%2056-142.9%20121c-32.7%2096.6%2022.2%20202.6%20122.6%20236.6S480%20446.2%20512.7%20349.5c21.9-64.8%204.5-133.7-39.5-182.3l-2.7-54.3c88.3%2064.1%20128.8%20180.4%2092%20289.2C517.1%20536%20371.8%20607.7%20238%20562.4S32.3%20371.8%2077.6%20237.9C114.5%20129%20217.6%2061.1%20326.9%2064.1m71.8%2023.6c1.4.5%202.5%201.5%203.2%202.7c0%20.1.1.1.2.2s.1.2.1.3c.3.6.6%201.4.8%202.3c.6%204.3.4%2022.1.4%2022.5l1%2037.9l1.5%2043.7l1.9%2076c0%20.7.5%2035.2-23.4%2058.7c-24.2%2023.7-54%2021.6-73.3%2015s-44.3-22.9-49.2-56.5s17-60.8%2017-60.8l47.5-59.4l27.7-33.8L378%20107c.2-.3%2011-14.7%2014-17.7c.6-.6%201.3-1%201.9-1.3c.1-.1.3-.2.4-.2h.1c1.3-.6%202.8-.7%204.3-.2z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m326.9%2064.1l-35%2041.4c-64.9%2011.7-120.9%2056-142.9%20121c-32.7%2096.6%2022.2%20202.6%20122.6%20236.6S480%20446.2%20512.7%20349.5c21.9-64.8%204.5-133.7-39.5-182.3l-2.7-54.3c88.3%2064.1%20128.8%20180.4%2092%20289.2C517.1%20536%20371.8%20607.7%20238%20562.4S32.3%20371.8%2077.6%20237.9C114.5%20129%20217.6%2061.1%20326.9%2064.1m71.8%2023.6c1.4.5%202.5%201.5%203.2%202.7c0%20.1.1.1.2.2s.1.2.1.3c.3.6.6%201.4.8%202.3c.6%204.3.4%2022.1.4%2022.5l1%2037.9l1.5%2043.7l1.9%2076c0%20.7.5%2035.2-23.4%2058.7c-24.2%2023.7-54%2021.6-73.3%2015s-44.3-22.9-49.2-56.5s17-60.8%2017-60.8l47.5-59.4l27.7-33.8L378%20107c.2-.3%2011-14.7%2014-17.7c.6-.6%201.3-1%201.9-1.3c.1-.1.3-.2.4-.2h.1c1.3-.6%202.8-.7%204.3-.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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