matrix logo
matrix from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- matrix
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the matrix logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033a3.3 3.3 0 0 1 1.117-1.024c.433-.245.936-.365 1.5-.365q.81.002 1.481.314c.448.208.785.582 1.02 1.108q.382-.562 1.034-.992q.651-.43 1.546-.43q.679 0 1.26.167c.388.11.716.286.993.53c.276.245.489.559.646.951q.229.587.23 1.417v5.728h-2.349V11.52q0-.43-.032-.812a1.8 1.8 0 0 0-.18-.66a1.1 1.1 0 0 0-.438-.448q-.292-.165-.785-.166q-.498 0-.803.189a1.4 1.4 0 0 0-.48.499a2 2 0 0 0-.231.696a6 6 0 0 0-.06.785v4.768h-2.35v-4.8q.002-.38-.018-.752a2.1 2.1 0 0 0-.143-.688a1.05 1.05 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19q-.168 0-.439.074c-.18.051-.36.143-.53.282a1.64 1.64 0 0 0-.439.595q-.18.39-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMatrix(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033a3.3 3.3 0 0 1 1.117-1.024c.433-.245.936-.365 1.5-.365q.81.002 1.481.314c.448.208.785.582 1.02 1.108q.382-.562 1.034-.992q.651-.43 1.546-.43q.679 0 1.26.167c.388.11.716.286.993.53c.276.245.489.559.646.951q.229.587.23 1.417v5.728h-2.349V11.52q0-.43-.032-.812a1.8 1.8 0 0 0-.18-.66a1.1 1.1 0 0 0-.438-.448q-.292-.165-.785-.166q-.498 0-.803.189a1.4 1.4 0 0 0-.48.499a2 2 0 0 0-.231.696a6 6 0 0 0-.06.785v4.768h-2.35v-4.8q.002-.38-.018-.752a2.1 2.1 0 0 0-.143-.688a1.05 1.05 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19q-.168 0-.439.074c-.18.051-.36.143-.53.282a1.64 1.64 0 0 0-.439.595q-.18.39-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033a3.3 3.3 0 0 1 1.117-1.024c.433-.245.936-.365 1.5-.365q.81.002 1.481.314c.448.208.785.582 1.02 1.108q.382-.562 1.034-.992q.651-.43 1.546-.43q.679 0 1.26.167c.388.11.716.286.993.53c.276.245.489.559.646.951q.229.587.23 1.417v5.728h-2.349V11.52q0-.43-.032-.812a1.8 1.8 0 0 0-.18-.66a1.1 1.1 0 0 0-.438-.448q-.292-.165-.785-.166q-.498 0-.803.189a1.4 1.4 0 0 0-.48.499a2 2 0 0 0-.231.696a6 6 0 0 0-.06.785v4.768h-2.35v-4.8q.002-.38-.018-.752a2.1 2.1 0 0 0-.143-.688a1.05 1.05 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19q-.168 0-.439.074c-.18.051-.36.143-.53.282a1.64 1.64 0 0 0-.439.595q-.18.39-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043%207.26v1.157h.033a3.3%203.3%200%200%201%201.117-1.024c.433-.245.936-.365%201.5-.365q.81.002%201.481.314c.448.208.785.582%201.02%201.108q.382-.562%201.034-.992q.651-.43%201.546-.43q.679%200%201.26.167c.388.11.716.286.993.53c.276.245.489.559.646.951q.229.587.23%201.417v5.728h-2.349V11.52q0-.43-.032-.812a1.8%201.8%200%200%200-.18-.66a1.1%201.1%200%200%200-.438-.448q-.292-.165-.785-.166q-.498%200-.803.189a1.4%201.4%200%200%200-.48.499a2%202%200%200%200-.231.696a6%206%200%200%200-.06.785v4.768h-2.35v-4.8q.002-.38-.018-.752a2.1%202.1%200%200%200-.143-.688a1.05%201.05%200%200%200-.415-.503c-.194-.125-.476-.19-.854-.19q-.168%200-.439.074c-.18.051-.36.143-.53.282a1.64%201.64%200%200%200-.439.595q-.18.39-.18%201.02v4.966H5.46V7.81zm15.693%2015.64V.55H21.72V0H24v24h-2.28v-.55z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043%207.26v1.157h.033a3.3%203.3%200%200%201%201.117-1.024c.433-.245.936-.365%201.5-.365q.81.002%201.481.314c.448.208.785.582%201.02%201.108q.382-.562%201.034-.992q.651-.43%201.546-.43q.679%200%201.26.167c.388.11.716.286.993.53c.276.245.489.559.646.951q.229.587.23%201.417v5.728h-2.349V11.52q0-.43-.032-.812a1.8%201.8%200%200%200-.18-.66a1.1%201.1%200%200%200-.438-.448q-.292-.165-.785-.166q-.498%200-.803.189a1.4%201.4%200%200%200-.48.499a2%202%200%200%200-.231.696a6%206%200%200%200-.06.785v4.768h-2.35v-4.8q.002-.38-.018-.752a2.1%202.1%200%200%200-.143-.688a1.05%201.05%200%200%200-.415-.503c-.194-.125-.476-.19-.854-.19q-.168%200-.439.074c-.18.051-.36.143-.53.282a1.64%201.64%200%200%200-.439.595q-.18.39-.18%201.02v4.966H5.46V7.81zm15.693%2015.64V.55H21.72V0H24v24h-2.28v-.55z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/matrix.svg?color=%231a73e8&size=48
