mattermost icon logo
mattermost-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- mattermost-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the mattermost icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0058cc" d="M6.791 86.965C25.235 32.482 76.783-1.432 131.421.046L113.91 20.74C81.496 26.6 53.507 48.735 42.507 81.23c-16.366 48.347 11.066 101.317 61.272 118.315c50.207 16.994 104.174-8.421 120.54-56.766c10.965-32.387 2.27-66.847-19.756-91.18l-1.346-27.169c44.154 32.048 64.406 90.205 45.991 144.6c-22.662 66.941-95.298 102.837-162.24 80.176c-66.94-22.662-102.837-95.299-80.177-162.24m158.394-75.041a2.96 2.96 0 0 1 2.137-.098a2.97 2.97 0 0 1 1.614 1.334l.072.116l.064.134c.168.321.311.69.378 1.141c.132.89.192 2.985.216 5.13l.005.585c.006.683.009 1.36.01 1.994v.532c-.002 1.735-.017 3.035-.017 3.035l.503 18.933l.744 21.855l.927 37.98v.083l.001.045v.121c-.007 2.17-.452 18.049-11.717 29.085c-12.112 11.866-26.99 10.78-36.67 7.504c-9.68-3.278-22.158-11.453-24.572-28.237c-2.052-14.266 5.533-26.257 7.854-29.533l.155-.217c.316-.438.5-.668.5-.668l23.808-29.606l13.868-16.91l11.9-14.734s1.75-2.345 3.551-4.653l.36-.46a111 111 0 0 1 1.718-2.141l.305-.366c.444-.527.82-.952 1.085-1.208c.308-.3.625-.494.935-.645l.227-.116Z"/></svg>
React
import type { SVGProps } from "react";
export function LogosMattermostIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0058cc" d="M6.791 86.965C25.235 32.482 76.783-1.432 131.421.046L113.91 20.74C81.496 26.6 53.507 48.735 42.507 81.23c-16.366 48.347 11.066 101.317 61.272 118.315c50.207 16.994 104.174-8.421 120.54-56.766c10.965-32.387 2.27-66.847-19.756-91.18l-1.346-27.169c44.154 32.048 64.406 90.205 45.991 144.6c-22.662 66.941-95.298 102.837-162.24 80.176c-66.94-22.662-102.837-95.299-80.177-162.24m158.394-75.041a2.96 2.96 0 0 1 2.137-.098a2.97 2.97 0 0 1 1.614 1.334l.072.116l.064.134c.168.321.311.69.378 1.141c.132.89.192 2.985.216 5.13l.005.585c.006.683.009 1.36.01 1.994v.532c-.002 1.735-.017 3.035-.017 3.035l.503 18.933l.744 21.855l.927 37.98v.083l.001.045v.121c-.007 2.17-.452 18.049-11.717 29.085c-12.112 11.866-26.99 10.78-36.67 7.504c-9.68-3.278-22.158-11.453-24.572-28.237c-2.052-14.266 5.533-26.257 7.854-29.533l.155-.217c.316-.438.5-.668.5-.668l23.808-29.606l13.868-16.91l11.9-14.734s1.75-2.345 3.551-4.653l.36-.46a111 111 0 0 1 1.718-2.141l.305-.366c.444-.527.82-.952 1.085-1.208c.308-.3.625-.494.935-.645l.227-.116Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0058cc" d="M6.791 86.965C25.235 32.482 76.783-1.432 131.421.046L113.91 20.74C81.496 26.6 53.507 48.735 42.507 81.23c-16.366 48.347 11.066 101.317 61.272 118.315c50.207 16.994 104.174-8.421 120.54-56.766c10.965-32.387 2.27-66.847-19.756-91.18l-1.346-27.169c44.154 32.048 64.406 90.205 45.991 144.6c-22.662 66.941-95.298 102.837-162.24 80.176c-66.94-22.662-102.837-95.299-80.177-162.24m158.394-75.041a2.96 2.96 0 0 1 2.137-.098a2.97 2.97 0 0 1 1.614 1.334l.072.116l.064.134c.168.321.311.69.378 1.141c.132.89.192 2.985.216 5.13l.005.585c.006.683.009 1.36.01 1.994v.532c-.002 1.735-.017 3.035-.017 3.035l.503 18.933l.744 21.855l.927 37.98v.083l.001.045v.121c-.007 2.17-.452 18.049-11.717 29.085c-12.112 11.866-26.99 10.78-36.67 7.504c-9.68-3.278-22.158-11.453-24.572-28.237c-2.052-14.266 5.533-26.257 7.854-29.533l.155-.217c.316-.438.5-.668.5-.668l23.808-29.606l13.868-16.91l11.9-14.734s1.75-2.345 3.551-4.653l.36-.46a111 111 0 0 1 1.718-2.141l.305-.366c.444-.527.82-.952 1.085-1.208c.308-.3.625-.494.935-.645l.227-.116Z"/></svg> </template>
CSS
.icon-mattermost-icon {
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%20256%20256%22%3E%3Cpath%20fill%3D%22%230058cc%22%20d%3D%22M6.791%2086.965C25.235%2032.482%2076.783-1.432%20131.421.046L113.91%2020.74C81.496%2026.6%2053.507%2048.735%2042.507%2081.23c-16.366%2048.347%2011.066%20101.317%2061.272%20118.315c50.207%2016.994%20104.174-8.421%20120.54-56.766c10.965-32.387%202.27-66.847-19.756-91.18l-1.346-27.169c44.154%2032.048%2064.406%2090.205%2045.991%20144.6c-22.662%2066.941-95.298%20102.837-162.24%2080.176c-66.94-22.662-102.837-95.299-80.177-162.24m158.394-75.041a2.96%202.96%200%200%201%202.137-.098a2.97%202.97%200%200%201%201.614%201.334l.072.116l.064.134c.168.321.311.69.378%201.141c.132.89.192%202.985.216%205.13l.005.585c.006.683.009%201.36.01%201.994v.532c-.002%201.735-.017%203.035-.017%203.035l.503%2018.933l.744%2021.855l.927%2037.98v.083l.001.045v.121c-.007%202.17-.452%2018.049-11.717%2029.085c-12.112%2011.866-26.99%2010.78-36.67%207.504c-9.68-3.278-22.158-11.453-24.572-28.237c-2.052-14.266%205.533-26.257%207.854-29.533l.155-.217c.316-.438.5-.668.5-.668l23.808-29.606l13.868-16.91l11.9-14.734s1.75-2.345%203.551-4.653l.36-.46a111%20111%200%200%201%201.718-2.141l.305-.366c.444-.527.82-.952%201.085-1.208c.308-.3.625-.494.935-.645l.227-.116Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%230058cc%22%20d%3D%22M6.791%2086.965C25.235%2032.482%2076.783-1.432%20131.421.046L113.91%2020.74C81.496%2026.6%2053.507%2048.735%2042.507%2081.23c-16.366%2048.347%2011.066%20101.317%2061.272%20118.315c50.207%2016.994%20104.174-8.421%20120.54-56.766c10.965-32.387%202.27-66.847-19.756-91.18l-1.346-27.169c44.154%2032.048%2064.406%2090.205%2045.991%20144.6c-22.662%2066.941-95.298%20102.837-162.24%2080.176c-66.94-22.662-102.837-95.299-80.177-162.24m158.394-75.041a2.96%202.96%200%200%201%202.137-.098a2.97%202.97%200%200%201%201.614%201.334l.072.116l.064.134c.168.321.311.69.378%201.141c.132.89.192%202.985.216%205.13l.005.585c.006.683.009%201.36.01%201.994v.532c-.002%201.735-.017%203.035-.017%203.035l.503%2018.933l.744%2021.855l.927%2037.98v.083l.001.045v.121c-.007%202.17-.452%2018.049-11.717%2029.085c-12.112%2011.866-26.99%2010.78-36.67%207.504c-9.68-3.278-22.158-11.453-24.572-28.237c-2.052-14.266%205.533-26.257%207.854-29.533l.155-.217c.316-.438.5-.668.5-.668l23.808-29.606l13.868-16.91l11.9-14.734s1.75-2.345%203.551-4.653l.36-.46a111%20111%200%200%201%201.718-2.141l.305-.366c.444-.527.82-.952%201.085-1.208c.308-.3.625-.494.935-.645l.227-.116Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/mattermost-icon.svg?color=%231a73e8&size=48
