matter logo
matter from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- matter
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×110
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the matter logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 110"><path fill="#231f20" d="M33.367 28.217A36.1 36.1 0 0 0 49.7 35.713V3.755L56.21 0l6.503 3.755v31.958a36.2 36.2 0 0 0 16.34-7.496l11.816 6.834c-19.217 19.012-50.157 19.012-69.374 0zm14.36 81.607c6.853-26.156-8.632-52.953-34.715-60.077v13.674a36.16 36.16 0 0 1 14.665 10.396L0 89.795v7.516l6.508 3.735l27.673-15.978a36.1 36.1 0 0 1 1.674 17.897zm51.65-60.077c-26.07 7.14-41.537 33.93-34.684 60.077l11.841-6.839a36.2 36.2 0 0 1 1.674-17.897l27.652 15.958l6.504-3.755v-7.496L84.686 73.817A36.2 36.2 0 0 1 99.352 63.42zm215.853-3.974V35.05h6.417v54.744h-6.417V79.11a25.95 25.95 0 0 1-22.054 11.8c-15.575-.208-28.091-12.892-28.091-28.468s12.516-28.26 28.09-28.469a25.95 25.95 0 0 1 22.055 11.8m-22.054-5.404c-12.18 0-22.055 9.874-22.055 22.054s9.874 22.055 22.055 22.055a22.03 22.03 0 0 0 22.054-22.055c0-12.18-9.874-22.054-22.054-22.054m97.29-24.009l-6.411 3.68v15.01H351.44V16.36l-6.412 3.678V35.05h-8.605v6.178h8.605v36.053a12.386 12.386 0 0 0 12.437 12.513h9.542v-6.411h-9.542a6.107 6.107 0 0 1-6.025-6.023V41.229h32.614v36.053a12.366 12.366 0 0 0 12.355 12.513h9.623v-6.411h-9.623a6.107 6.107 0 0 1-5.943-6.025V41.23h15.566v-6.18h-15.567zM244.69 57.34v32.455h6.412V57.34c0-13.638-10.467-23.409-23.408-23.409c-8.37 0-15.994 4.3-20.217 13.063c-4.3-8.681-11.847-13.063-20.136-13.063c-12.915 0-23.408 9.745-23.408 23.409v32.455h6.416V57.34c0-10.096 7.598-16.971 16.971-16.971s17.027 6.875 17.027 16.97v32.456h6.412V57.34c0-10.096 7.597-16.971 16.97-16.971c9.374 0 16.961 6.875 16.961 16.97m264.888-16.971H512v-6.412h-2.422c-12.915 0-23.408 9.745-23.408 23.408V89.82h6.417V57.34c.02-9.996 7.466-16.833 16.71-16.97zm-65.382-6.062c15.42 0 28.006 12.267 28.458 27.624l.01.492c0 .626-.081 1.333-.081 1.96h-50.745c1.018 11.276 10.89 20.095 23.688 20.095c7.898 0 14.152-3.359 18.223-8.524l5.628 3.206c-5.241 7.124-13.607 11.734-23.85 11.734c-17.053 0-29.8-12.747-29.8-28.496c.208-15.575 12.893-28.091 28.469-28.091m-.003 6.062c-10.686 0-19.988 7.658-22.024 17.836h44.048c-2.036-10.178-11.338-17.836-22.024-17.836"/></svg>
React
import type { SVGProps } from "react";
export function LogosMatter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 110"><path fill="#231f20" d="M33.367 28.217A36.1 36.1 0 0 0 49.7 35.713V3.755L56.21 0l6.503 3.755v31.958a36.2 36.2 0 0 0 16.34-7.496l11.816 6.834c-19.217 19.012-50.157 19.012-69.374 0zm14.36 81.607c6.853-26.156-8.632-52.953-34.715-60.077v13.674a36.16 36.16 0 0 1 14.665 10.396L0 89.795v7.516l6.508 3.735l27.673-15.978a36.1 36.1 0 0 1 1.674 17.897zm51.65-60.077c-26.07 7.14-41.537 33.93-34.684 60.077l11.841-6.839a36.2 36.2 0 0 1 1.674-17.897l27.652 15.958l6.504-3.755v-7.496L84.686 73.817A36.2 36.2 0 0 1 99.352 63.42zm215.853-3.974V35.05h6.417v54.744h-6.417V79.11a25.95 25.95 0 0 1-22.054 11.8c-15.575-.208-28.091-12.892-28.091-28.468s12.516-28.26 28.09-28.469a25.95 25.95 0 0 1 22.055 11.8m-22.054-5.404c-12.18 0-22.055 9.874-22.055 22.054s9.874 22.055 22.055 22.055a22.03 22.03 0 0 0 22.054-22.055c0-12.18-9.874-22.054-22.054-22.054m97.29-24.009l-6.411 3.68v15.01H351.44V16.36l-6.412 3.678V35.05h-8.605v6.178h8.605v36.053a12.386 12.386 0 0 0 12.437 12.513h9.542v-6.411h-9.542a6.107 6.107 0 0 1-6.025-6.023V41.229h32.614v36.053a12.366 12.366 0 0 0 12.355 12.513h9.623v-6.411h-9.623a6.107 6.107 0 0 1-5.943-6.025V41.23h15.566v-6.18h-15.567zM244.69 57.34v32.455h6.412V57.34c0-13.638-10.467-23.409-23.408-23.409c-8.37 0-15.994 4.3-20.217 13.063c-4.3-8.681-11.847-13.063-20.136-13.063c-12.915 0-23.408 9.745-23.408 23.409v32.455h6.416V57.34c0-10.096 7.598-16.971 16.971-16.971s17.027 6.875 17.027 16.97v32.456h6.412V57.34c0-10.096 7.597-16.971 16.97-16.971c9.374 0 16.961 6.875 16.961 16.97m264.888-16.971H512v-6.412h-2.422c-12.915 0-23.408 9.745-23.408 23.408V89.82h6.417V57.34c.02-9.996 7.466-16.833 16.71-16.97zm-65.382-6.062c15.42 0 28.006 12.267 28.458 27.624l.01.492c0 .626-.081 1.333-.081 1.96h-50.745c1.018 11.276 10.89 20.095 23.688 20.095c7.898 0 14.152-3.359 18.223-8.524l5.628 3.206c-5.241 7.124-13.607 11.734-23.85 11.734c-17.053 0-29.8-12.747-29.8-28.496c.208-15.575 12.893-28.091 28.469-28.091m-.003 6.062c-10.686 0-19.988 7.658-22.024 17.836h44.048c-2.036-10.178-11.338-17.836-22.024-17.836"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 110"><path fill="#231f20" d="M33.367 28.217A36.1 36.1 0 0 0 49.7 35.713V3.755L56.21 0l6.503 3.755v31.958a36.2 36.2 0 0 0 16.34-7.496l11.816 6.834c-19.217 19.012-50.157 19.012-69.374 0zm14.36 81.607c6.853-26.156-8.632-52.953-34.715-60.077v13.674a36.16 36.16 0 0 1 14.665 10.396L0 89.795v7.516l6.508 3.735l27.673-15.978a36.1 36.1 0 0 1 1.674 17.897zm51.65-60.077c-26.07 7.14-41.537 33.93-34.684 60.077l11.841-6.839a36.2 36.2 0 0 1 1.674-17.897l27.652 15.958l6.504-3.755v-7.496L84.686 73.817A36.2 36.2 0 0 1 99.352 63.42zm215.853-3.974V35.05h6.417v54.744h-6.417V79.11a25.95 25.95 0 0 1-22.054 11.8c-15.575-.208-28.091-12.892-28.091-28.468s12.516-28.26 28.09-28.469a25.95 25.95 0 0 1 22.055 11.8m-22.054-5.404c-12.18 0-22.055 9.874-22.055 22.054s9.874 22.055 22.055 22.055a22.03 22.03 0 0 0 22.054-22.055c0-12.18-9.874-22.054-22.054-22.054m97.29-24.009l-6.411 3.68v15.01H351.44V16.36l-6.412 3.678V35.05h-8.605v6.178h8.605v36.053a12.386 12.386 0 0 0 12.437 12.513h9.542v-6.411h-9.542a6.107 6.107 0 0 1-6.025-6.023V41.229h32.614v36.053a12.366 12.366 0 0 0 12.355 12.513h9.623v-6.411h-9.623a6.107 6.107 0 0 1-5.943-6.025V41.23h15.566v-6.18h-15.567zM244.69 57.34v32.455h6.412V57.34c0-13.638-10.467-23.409-23.408-23.409c-8.37 0-15.994 4.3-20.217 13.063c-4.3-8.681-11.847-13.063-20.136-13.063c-12.915 0-23.408 9.745-23.408 23.409v32.455h6.416V57.34c0-10.096 7.598-16.971 16.971-16.971s17.027 6.875 17.027 16.97v32.456h6.412V57.34c0-10.096 7.597-16.971 16.97-16.971c9.374 0 16.961 6.875 16.961 16.97m264.888-16.971H512v-6.412h-2.422c-12.915 0-23.408 9.745-23.408 23.408V89.82h6.417V57.34c.02-9.996 7.466-16.833 16.71-16.97zm-65.382-6.062c15.42 0 28.006 12.267 28.458 27.624l.01.492c0 .626-.081 1.333-.081 1.96h-50.745c1.018 11.276 10.89 20.095 23.688 20.095c7.898 0 14.152-3.359 18.223-8.524l5.628 3.206c-5.241 7.124-13.607 11.734-23.85 11.734c-17.053 0-29.8-12.747-29.8-28.496c.208-15.575 12.893-28.091 28.469-28.091m-.003 6.062c-10.686 0-19.988 7.658-22.024 17.836h44.048c-2.036-10.178-11.338-17.836-22.024-17.836"/></svg> </template>
CSS
.icon-matter {
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%20512%20110%22%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M33.367%2028.217A36.1%2036.1%200%200%200%2049.7%2035.713V3.755L56.21%200l6.503%203.755v31.958a36.2%2036.2%200%200%200%2016.34-7.496l11.816%206.834c-19.217%2019.012-50.157%2019.012-69.374%200zm14.36%2081.607c6.853-26.156-8.632-52.953-34.715-60.077v13.674a36.16%2036.16%200%200%201%2014.665%2010.396L0%2089.795v7.516l6.508%203.735l27.673-15.978a36.1%2036.1%200%200%201%201.674%2017.897zm51.65-60.077c-26.07%207.14-41.537%2033.93-34.684%2060.077l11.841-6.839a36.2%2036.2%200%200%201%201.674-17.897l27.652%2015.958l6.504-3.755v-7.496L84.686%2073.817A36.2%2036.2%200%200%201%2099.352%2063.42zm215.853-3.974V35.05h6.417v54.744h-6.417V79.11a25.95%2025.95%200%200%201-22.054%2011.8c-15.575-.208-28.091-12.892-28.091-28.468s12.516-28.26%2028.09-28.469a25.95%2025.95%200%200%201%2022.055%2011.8m-22.054-5.404c-12.18%200-22.055%209.874-22.055%2022.054s9.874%2022.055%2022.055%2022.055a22.03%2022.03%200%200%200%2022.054-22.055c0-12.18-9.874-22.054-22.054-22.054m97.29-24.009l-6.411%203.68v15.01H351.44V16.36l-6.412%203.678V35.05h-8.605v6.178h8.605v36.053a12.386%2012.386%200%200%200%2012.437%2012.513h9.542v-6.411h-9.542a6.107%206.107%200%200%201-6.025-6.023V41.229h32.614v36.053a12.366%2012.366%200%200%200%2012.355%2012.513h9.623v-6.411h-9.623a6.107%206.107%200%200%201-5.943-6.025V41.23h15.566v-6.18h-15.567zM244.69%2057.34v32.455h6.412V57.34c0-13.638-10.467-23.409-23.408-23.409c-8.37%200-15.994%204.3-20.217%2013.063c-4.3-8.681-11.847-13.063-20.136-13.063c-12.915%200-23.408%209.745-23.408%2023.409v32.455h6.416V57.34c0-10.096%207.598-16.971%2016.971-16.971s17.027%206.875%2017.027%2016.97v32.456h6.412V57.34c0-10.096%207.597-16.971%2016.97-16.971c9.374%200%2016.961%206.875%2016.961%2016.97m264.888-16.971H512v-6.412h-2.422c-12.915%200-23.408%209.745-23.408%2023.408V89.82h6.417V57.34c.02-9.996%207.466-16.833%2016.71-16.97zm-65.382-6.062c15.42%200%2028.006%2012.267%2028.458%2027.624l.01.492c0%20.626-.081%201.333-.081%201.96h-50.745c1.018%2011.276%2010.89%2020.095%2023.688%2020.095c7.898%200%2014.152-3.359%2018.223-8.524l5.628%203.206c-5.241%207.124-13.607%2011.734-23.85%2011.734c-17.053%200-29.8-12.747-29.8-28.496c.208-15.575%2012.893-28.091%2028.469-28.091m-.003%206.062c-10.686%200-19.988%207.658-22.024%2017.836h44.048c-2.036-10.178-11.338-17.836-22.024-17.836%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%20512%20110%22%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M33.367%2028.217A36.1%2036.1%200%200%200%2049.7%2035.713V3.755L56.21%200l6.503%203.755v31.958a36.2%2036.2%200%200%200%2016.34-7.496l11.816%206.834c-19.217%2019.012-50.157%2019.012-69.374%200zm14.36%2081.607c6.853-26.156-8.632-52.953-34.715-60.077v13.674a36.16%2036.16%200%200%201%2014.665%2010.396L0%2089.795v7.516l6.508%203.735l27.673-15.978a36.1%2036.1%200%200%201%201.674%2017.897zm51.65-60.077c-26.07%207.14-41.537%2033.93-34.684%2060.077l11.841-6.839a36.2%2036.2%200%200%201%201.674-17.897l27.652%2015.958l6.504-3.755v-7.496L84.686%2073.817A36.2%2036.2%200%200%201%2099.352%2063.42zm215.853-3.974V35.05h6.417v54.744h-6.417V79.11a25.95%2025.95%200%200%201-22.054%2011.8c-15.575-.208-28.091-12.892-28.091-28.468s12.516-28.26%2028.09-28.469a25.95%2025.95%200%200%201%2022.055%2011.8m-22.054-5.404c-12.18%200-22.055%209.874-22.055%2022.054s9.874%2022.055%2022.055%2022.055a22.03%2022.03%200%200%200%2022.054-22.055c0-12.18-9.874-22.054-22.054-22.054m97.29-24.009l-6.411%203.68v15.01H351.44V16.36l-6.412%203.678V35.05h-8.605v6.178h8.605v36.053a12.386%2012.386%200%200%200%2012.437%2012.513h9.542v-6.411h-9.542a6.107%206.107%200%200%201-6.025-6.023V41.229h32.614v36.053a12.366%2012.366%200%200%200%2012.355%2012.513h9.623v-6.411h-9.623a6.107%206.107%200%200%201-5.943-6.025V41.23h15.566v-6.18h-15.567zM244.69%2057.34v32.455h6.412V57.34c0-13.638-10.467-23.409-23.408-23.409c-8.37%200-15.994%204.3-20.217%2013.063c-4.3-8.681-11.847-13.063-20.136-13.063c-12.915%200-23.408%209.745-23.408%2023.409v32.455h6.416V57.34c0-10.096%207.598-16.971%2016.971-16.971s17.027%206.875%2017.027%2016.97v32.456h6.412V57.34c0-10.096%207.597-16.971%2016.97-16.971c9.374%200%2016.961%206.875%2016.961%2016.97m264.888-16.971H512v-6.412h-2.422c-12.915%200-23.408%209.745-23.408%2023.408V89.82h6.417V57.34c.02-9.996%207.466-16.833%2016.71-16.97zm-65.382-6.062c15.42%200%2028.006%2012.267%2028.458%2027.624l.01.492c0%20.626-.081%201.333-.081%201.96h-50.745c1.018%2011.276%2010.89%2020.095%2023.688%2020.095c7.898%200%2014.152-3.359%2018.223-8.524l5.628%203.206c-5.241%207.124-13.607%2011.734-23.85%2011.734c-17.053%200-29.8-12.747-29.8-28.496c.208-15.575%2012.893-28.091%2028.469-28.091m-.003%206.062c-10.686%200-19.988%207.658-22.024%2017.836h44.048c-2.036-10.178-11.338-17.836-22.024-17.836%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/matter.svg?color=%231a73e8&size=48
