Mattermost icon

logos:mattermost

The Mattermost icon (logos:mattermost) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 85 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 85

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="85" viewBox="0 0 512 85"><path fill="#0058cc" d="m42.642.004l.538.011l-5.753 6.8c-10.65 1.925-19.847 9.197-23.46 19.874c-5.378 15.885 3.635 33.29 20.131 38.874s34.228-2.767 39.605-18.651c3.55-10.487.828-21.636-6.179-29.61l-.312-.349l-.442-8.926c14.507 10.53 21.161 29.638 15.111 47.51c-7.446 21.995-31.312 33.788-53.306 26.343C6.58 74.434-5.215 50.568 2.23 28.574C8.23 10.852 24.89-.247 42.641.004M190.4 28.314q8.331 0 13.017 4.006q4.686 4.005 4.686 12.815v24.03q-2.805.882-6.81 1.683q-4.004.8-9.05.8q-4.085 0-7.49-.72t-5.846-2.403a11.3 11.3 0 0 1-3.767-4.325q-1.32-2.644-1.32-6.489t1.641-6.448a12.66 12.66 0 0 1 4.245-4.165q2.604-1.562 5.808-2.243a30.7 30.7 0 0 1 6.408-.68q2.323 0 5.127.24v-.962q0-1.921-.641-3.124a4.8 4.8 0 0 0-1.762-1.881q-1.123-.682-2.763-.922a25 25 0 0 0-3.646-.24q-4.325 0-9.21 1.682q-1.124-2.084-1.683-3.926q-.56-1.841-.561-4.406q3.525-1.2 7.048-1.76q3.525-.562 6.569-.562m-30.328-12.202q3.297 0 6.334.483l2.95 54.57q-3.296.484-6.247.484a35 35 0 0 1-5.813-.483l-1.563-39.455l-12.67 27.27q-1.214.161-2.517.281q-1.3.12-2.603.12q-1.127.001-2.255-.08a19 19 0 0 1-2.344-.322l-11.8-27.835l-1.215 40.02q-2.777.484-5.381.484q-2.776 0-5.727-.483l2.43-54.57a48.5 48.5 0 0 1 6.681-.484q3.385 0 6.682.483l14.319 29.718l14.751-29.718q2.69-.483 5.988-.483m130.834 12.202q4.325 0 7.689 1.522t5.727 4.166q2.364 2.642 3.566 6.287q1.2 3.645 1.2 7.81q0 1.523-.12 3.005q-.12 1.48-.28 2.363h-26.594q.321 4.805 3.365 6.968t8.01 2.163q2.723 0 5.567-.522a31.6 31.6 0 0 0 5.407-1.48q.882 1.601 1.522 3.844t.72 4.806q-6.247 2.403-14.098 2.403q-5.766 0-9.892-1.602t-6.728-4.446q-2.604-2.842-3.845-6.769q-1.241-3.924-1.24-8.57q-.001-4.565 1.28-8.57q1.28-4.007 3.805-6.97q2.523-2.964 6.248-4.686t8.69-1.722m136.092 0q5.045 0 8.81 1.682q3.764 1.684 6.25 4.606q2.481 2.925 3.684 6.929q1.2 4.005 1.201 8.57q0 4.567-1.201 8.491q-1.203 3.926-3.685 6.848q-2.485 2.925-6.249 4.567q-3.764 1.641-8.81 1.642q-5.048 0-8.77-1.642q-3.726-1.641-6.17-4.567q-2.442-2.922-3.684-6.848t-1.241-8.49q0-4.567 1.241-8.571q1.242-4.005 3.685-6.929q2.442-2.923 6.168-4.606q3.724-1.681 8.77-1.682m41.277 0q3.123 0 6.167.561q3.044.56 6.168 1.682a22 22 0 0 1-.802 4.325q-.64 2.243-1.52 3.926a32 32 0 0 0-4.247-1.402q-2.322-.6-4.885-.601q-2.723 0-4.246.841q-1.522.84-1.521 2.683q0 1.763 1.08 2.484q1.082.721 3.084 1.361l4.566 1.363q2.244.64 4.045 1.561q1.802.922 3.084 2.283q1.282 1.363 2.002 3.364q.722 2.003.722 4.886q0 2.965-1.242 5.527q-1.242 2.565-3.604 4.445q-2.364 1.884-5.728 2.964q-3.364 1.082-7.61 1.082q-1.922 0-3.523-.12a28 28 0 0 1-3.084-.4a36 36 0 0 1-2.924-.681a36 36 0 0 1-3.124-1.042q.16-2.164.76-4.365a27.5 27.5 0 0 1 1.563-4.286q2.644 1.042 5.007 1.562q2.363.521 4.926.521q1.121 0 2.442-.2a9 9 0 0 0 2.444-.72a5.8 5.8 0 0 0 1.882-1.363q.761-.84.76-2.203q0-1.922-1.16-2.764q-1.164-.841-3.244-1.481l-4.967-1.442q-4.486-1.282-7.008-3.805q-2.524-2.523-2.524-7.57q0-6.086 4.365-9.531t11.896-3.445M256.952 17.18v12.095h9.693q.24 1.201.32 2.163t.08 2.003q0 1.12-.08 2.162a22 22 0 0 1-.32 2.323h-9.693v16.261q0 2.483.402 4.005q.4 1.52 1.16 2.404a3.83 3.83 0 0 0 1.883 1.2q1.122.321 2.643.321q1.203 0 2.364-.2t2.042-.36q.56 1.52.8 3.163q.242 1.643.242 2.924q0 .881-.04 1.483q-.04.6-.12 1.16q-3.685.882-7.61.88q-7.29 0-11.134-3.402q-3.846-3.406-3.846-11.095V37.926h-5.206l-.401-1.602l14.98-19.144zm-30.052 0v12.095h9.692q.24 1.201.321 2.163q.078.961.079 2.003q0 1.12-.079 2.162a22 22 0 0 1-.321 2.323H226.9v16.261q0 2.483.401 4.005q.4 1.52 1.16 2.404a3.83 3.83 0 0 0 1.883 1.2q1.123.321 2.643.321q1.202 0 2.364-.2t2.042-.36a15.7 15.7 0 0 1 .802 3.163q.24 1.643.24 2.924q0 .881-.04 1.483q-.04.6-.121 1.16a32.6 32.6 0 0 1-7.609.88q-7.29 0-11.134-3.402q-3.845-3.406-3.845-11.095V37.926h-5.207l-.4-1.602l14.979-19.144zm107.84 11.614q.801 0 1.842.081q1.04.08 1.522.24q.16.801.24 1.842q.081 1.041.08 2.164q0 1.36-.12 2.963a21 21 0 0 1-.44 3.043q-.882-.16-1.962-.16h-1.322q-1.362 0-3.045.28q-1.68.282-3.204 1.484q-1.522 1.2-2.522 3.604q-1.002 2.403-1.002 6.729v19.705q-1.441.239-2.884.319q-1.44.08-2.803.08t-2.764-.08a30 30 0 0 1-2.923-.32V29.276q1.201-.24 2.282-.36q1.082-.12 2.364-.12q1.203 0 2.362.16q1.163.16 2.283.4q.241.401.441 1.162q.2.762.361 1.602t.28 1.683l.2 1.401q1.764-2.483 4.325-4.445q2.565-1.964 6.408-1.964m55.395-.48q7.05 0 10.373 3.886q3.324 3.884 3.324 12.135v26.353q-2.883.48-5.687.48t-5.686-.48v-23.39q0-4.326-1.083-6.647q-1.08-2.325-4.365-2.324q-1.362 0-2.682.4q-1.324.4-2.404 1.482q-1.08 1.08-1.763 3.045c-.454 1.306-.68 3.004-.68 5.085v22.349q-2.885.48-5.688.48t-5.688-.48v-23.39q0-4.326-1.08-6.647q-1.082-2.325-4.366-2.324q-1.36 0-2.724.4q-1.36.4-2.443 1.562q-1.081 1.161-1.721 3.245q-.642 2.081-.642 5.446v21.708q-2.883.48-5.687.48q-2.803 0-5.686-.48V29.275q1.12-.24 2.242-.36t2.484-.12a21 21 0 0 1 2.402.12q1.042.12 2.163.36q.24.401.44 1.162t.361 1.602t.28 1.642t.201 1.361q.64-1.2 1.682-2.403q1.041-1.2 2.483-2.162a13.5 13.5 0 0 1 3.244-1.562q1.802-.6 4.045-.601q9.692 0 12.416 7.37q1.6-2.965 4.526-5.167q2.923-2.203 7.41-2.203m110.33-11.134v12.095h9.692q.24 1.201.321 2.163q.08.961.08 2.003a28 28 0 0 1-.08 2.162a22 22 0 0 1-.32 2.323h-9.692v16.261q0 2.483.4 4.005q.4 1.52 1.161 2.404a3.83 3.83 0 0 0 1.883 1.2q1.122.321 2.643.321q1.2 0 2.364-.2q1.16-.2 2.041-.36q.563 1.52.801 3.163q.242 1.643.24 2.924q.001.881-.04 1.483q-.038.6-.119 1.16q-3.683.882-7.61.88q-7.289 0-11.134-3.402q-3.845-3.406-3.845-11.095V37.926h-5.206l-.401-1.602l14.979-19.144zm-73.467 20.025q-4.406 0-6.368 3.325q-1.965 3.324-1.964 9.572q0 6.248 1.964 9.572q1.962 3.324 6.368 3.324q4.486 0 6.447-3.324q1.963-3.324 1.963-9.572t-1.963-9.572q-1.961-3.325-6.447-3.325M192.963 51.304q-3.924 0-6.208 1.401q-2.283 1.402-2.283 4.526q0 2.083.882 3.204q.881 1.121 2.122 1.641a8.7 8.7 0 0 0 2.643.642q1.404.12 2.443.12q1.203 0 2.403-.2q1.202-.2 2.084-.361V51.704q-.961-.16-2.084-.28q-1.12-.12-2.002-.12M54.976 3.885c.195.067.353.19.467.343l.063.096l.024.038l.02.044c.056.106.103.226.125.375c.04.271.06.882.07 1.53l.003.392l.002.386v.699c-.001.368-.004.633-.004.687v.01l.165 6.222l.244 7.18l.305 12.48v.084c-.003.726-.154 5.933-3.85 9.553c-3.98 3.9-8.868 3.542-12.048 2.466c-3.18-1.077-7.28-3.763-8.074-9.278c-.778-5.41 2.663-9.825 2.793-9.99l.003-.004l7.823-9.728l4.556-5.555l3.91-4.842s1.795-2.404 2.306-2.9q.102-.097.205-.157l.102-.055l.075-.038l.013-.005a.97.97 0 0 1 .702-.033m235.77 33.08q-4.006 0-6.088 2.243t-2.483 6.329h16.18q-.16-3.846-2.123-6.208q-1.962-2.365-5.487-2.365"/></svg>

How to use the Mattermost icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:mattermost" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:mattermost" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:mattermost" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mattermost]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mattermost"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:mattermost"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/mattermost.svg" alt="Mattermost icon" width="24" height="24">

Related icons in SVG Logos

Mattermost icon in other icon sets

Mattermost icon FAQ

Is the Mattermost icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Mattermost icon in React?

Install @iconify/react and render <Icon icon="logos:mattermost" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mattermost icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mattermost.svg" alt="Mattermost icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →