matrix logo

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

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

The same logo in other sets

matrixCarbon matrixCoreUI Brands matrixHuge Icons matrixMaterial Design Icons matrixSimple Icons matrixTabler Icons

Use the matrix logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M125.6 91H92.7v458h32.9v11H80V80h45.6zM560 560h-45.6v-11h32.9V91h-32.9V80H560zM388.1 231.6q13.5 0 25.2 3.3c7.8 2.2 14.3 5.7 19.8 10.6s9.8 11.2 12.9 19c3 7.8 4.6 17.3 4.6 28.3v114.5h-47v-97c0-5.7-.2-11.2-.6-16.3s-1.7-9.5-3.6-13.2q-3-5.7-8.7-9c-3.8-2.2-9.1-3.3-15.7-3.3s-12 1.3-16.1 3.8c-4.1 2.6-7.3 5.8-9.6 10c-2.3 4.1-3.9 8.7-4.6 13.9s-1.2 10.4-1.2 15.7v95.3h-47v-96c0-5.1-.1-10.1-.4-15c-.2-5-1.2-9.5-2.9-13.8c-1.7-4.1-4.4-7.6-8.3-10.1s-9.5-3.8-17.1-3.8c-2.2 0-5.2.5-8.8 1.5s-7.2 2.9-10.6 5.6s-6.4 6.7-8.8 11.9q-3.6 7.8-3.6 20.4v99.3h-47V235.9h44.3v23.2h.7c6.2-8.9 13.7-15.7 22.3-20.5c8.7-4.9 18.7-7.3 30-7.3c10.8 0 20.7 2.1 29.6 6.3q13.35 6.3 20.4 22.2q7.65-11.25 20.7-19.8c8.7-5.7 19-8.6 30.9-8.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsMatrix(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="M125.6 91H92.7v458h32.9v11H80V80h45.6zM560 560h-45.6v-11h32.9V91h-32.9V80H560zM388.1 231.6q13.5 0 25.2 3.3c7.8 2.2 14.3 5.7 19.8 10.6s9.8 11.2 12.9 19c3 7.8 4.6 17.3 4.6 28.3v114.5h-47v-97c0-5.7-.2-11.2-.6-16.3s-1.7-9.5-3.6-13.2q-3-5.7-8.7-9c-3.8-2.2-9.1-3.3-15.7-3.3s-12 1.3-16.1 3.8c-4.1 2.6-7.3 5.8-9.6 10c-2.3 4.1-3.9 8.7-4.6 13.9s-1.2 10.4-1.2 15.7v95.3h-47v-96c0-5.1-.1-10.1-.4-15c-.2-5-1.2-9.5-2.9-13.8c-1.7-4.1-4.4-7.6-8.3-10.1s-9.5-3.8-17.1-3.8c-2.2 0-5.2.5-8.8 1.5s-7.2 2.9-10.6 5.6s-6.4 6.7-8.8 11.9q-3.6 7.8-3.6 20.4v99.3h-47V235.9h44.3v23.2h.7c6.2-8.9 13.7-15.7 22.3-20.5c8.7-4.9 18.7-7.3 30-7.3c10.8 0 20.7 2.1 29.6 6.3q13.35 6.3 20.4 22.2q7.65-11.25 20.7-19.8c8.7-5.7 19-8.6 30.9-8.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M125.6 91H92.7v458h32.9v11H80V80h45.6zM560 560h-45.6v-11h32.9V91h-32.9V80H560zM388.1 231.6q13.5 0 25.2 3.3c7.8 2.2 14.3 5.7 19.8 10.6s9.8 11.2 12.9 19c3 7.8 4.6 17.3 4.6 28.3v114.5h-47v-97c0-5.7-.2-11.2-.6-16.3s-1.7-9.5-3.6-13.2q-3-5.7-8.7-9c-3.8-2.2-9.1-3.3-15.7-3.3s-12 1.3-16.1 3.8c-4.1 2.6-7.3 5.8-9.6 10c-2.3 4.1-3.9 8.7-4.6 13.9s-1.2 10.4-1.2 15.7v95.3h-47v-96c0-5.1-.1-10.1-.4-15c-.2-5-1.2-9.5-2.9-13.8c-1.7-4.1-4.4-7.6-8.3-10.1s-9.5-3.8-17.1-3.8c-2.2 0-5.2.5-8.8 1.5s-7.2 2.9-10.6 5.6s-6.4 6.7-8.8 11.9q-3.6 7.8-3.6 20.4v99.3h-47V235.9h44.3v23.2h.7c6.2-8.9 13.7-15.7 22.3-20.5c8.7-4.9 18.7-7.3 30-7.3c10.8 0 20.7 2.1 29.6 6.3q13.35 6.3 20.4 22.2q7.65-11.25 20.7-19.8c8.7-5.7 19-8.6 30.9-8.6z"/></svg>
</template>

CSS

.icon-matrix {
  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%22M125.6%2091H92.7v458h32.9v11H80V80h45.6zM560%20560h-45.6v-11h32.9V91h-32.9V80H560zM388.1%20231.6q13.5%200%2025.2%203.3c7.8%202.2%2014.3%205.7%2019.8%2010.6s9.8%2011.2%2012.9%2019c3%207.8%204.6%2017.3%204.6%2028.3v114.5h-47v-97c0-5.7-.2-11.2-.6-16.3s-1.7-9.5-3.6-13.2q-3-5.7-8.7-9c-3.8-2.2-9.1-3.3-15.7-3.3s-12%201.3-16.1%203.8c-4.1%202.6-7.3%205.8-9.6%2010c-2.3%204.1-3.9%208.7-4.6%2013.9s-1.2%2010.4-1.2%2015.7v95.3h-47v-96c0-5.1-.1-10.1-.4-15c-.2-5-1.2-9.5-2.9-13.8c-1.7-4.1-4.4-7.6-8.3-10.1s-9.5-3.8-17.1-3.8c-2.2%200-5.2.5-8.8%201.5s-7.2%202.9-10.6%205.6s-6.4%206.7-8.8%2011.9q-3.6%207.8-3.6%2020.4v99.3h-47V235.9h44.3v23.2h.7c6.2-8.9%2013.7-15.7%2022.3-20.5c8.7-4.9%2018.7-7.3%2030-7.3c10.8%200%2020.7%202.1%2029.6%206.3q13.35%206.3%2020.4%2022.2q7.65-11.25%2020.7-19.8c8.7-5.7%2019-8.6%2030.9-8.6z%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%22M125.6%2091H92.7v458h32.9v11H80V80h45.6zM560%20560h-45.6v-11h32.9V91h-32.9V80H560zM388.1%20231.6q13.5%200%2025.2%203.3c7.8%202.2%2014.3%205.7%2019.8%2010.6s9.8%2011.2%2012.9%2019c3%207.8%204.6%2017.3%204.6%2028.3v114.5h-47v-97c0-5.7-.2-11.2-.6-16.3s-1.7-9.5-3.6-13.2q-3-5.7-8.7-9c-3.8-2.2-9.1-3.3-15.7-3.3s-12%201.3-16.1%203.8c-4.1%202.6-7.3%205.8-9.6%2010c-2.3%204.1-3.9%208.7-4.6%2013.9s-1.2%2010.4-1.2%2015.7v95.3h-47v-96c0-5.1-.1-10.1-.4-15c-.2-5-1.2-9.5-2.9-13.8c-1.7-4.1-4.4-7.6-8.3-10.1s-9.5-3.8-17.1-3.8c-2.2%200-5.2.5-8.8%201.5s-7.2%202.9-10.6%205.6s-6.4%206.7-8.8%2011.9q-3.6%207.8-3.6%2020.4v99.3h-47V235.9h44.3v23.2h.7c6.2-8.9%2013.7-15.7%2022.3-20.5c8.7-4.9%2018.7-7.3%2030-7.3c10.8%200%2020.7%202.1%2029.6%206.3q13.35%206.3%2020.4%2022.2q7.65-11.25%2020.7-19.8c8.7-5.7%2019-8.6%2030.9-8.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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