matter icon
matter from Material Symbols by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.
- Name
- matter
- Set
- Material Symbols
- Style
- Regular
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- matter-outline, matter-outline-rounded, matter-outline-sharp, matter-rounded, matter-sharp
The same icon in other sets
More household icons from Material Symbols
Use the matter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.925 9.888Q7.5 9.275 6.4 8.2l1.8-1.075q.6.5 1.3.825t1.5.45V3.1l1-.6l1 .6v5.3q.8-.125 1.5-.45t1.3-.825L17.6 8.2q-1.1 1.075-2.525 1.688T12 10.5t-3.075-.612m1.85 9.987l-1.85-.975q.05-.225.063-.45T9 18q0-.575-.1-1.137T8.6 15.8l-4.575 2.75L3 18v-1.175L7.55 14.1q-.5-.575-1.15-1.025T5 12.35v-2.1q2.6.675 4.3 2.813T11 18q0 .5-.05.963t-.175.912m2.45 0q-.125-.45-.175-.913T13 18q0-2.8 1.7-4.937T19 10.25v2.1q-.75.275-1.4.725T16.45 14.1L21 16.825V18l-1.025.55L15.4 15.8q-.2.5-.3 1.063T15 18q0 .225.013.45t.062.45z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsMatter(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="M8.925 9.888Q7.5 9.275 6.4 8.2l1.8-1.075q.6.5 1.3.825t1.5.45V3.1l1-.6l1 .6v5.3q.8-.125 1.5-.45t1.3-.825L17.6 8.2q-1.1 1.075-2.525 1.688T12 10.5t-3.075-.612m1.85 9.987l-1.85-.975q.05-.225.063-.45T9 18q0-.575-.1-1.137T8.6 15.8l-4.575 2.75L3 18v-1.175L7.55 14.1q-.5-.575-1.15-1.025T5 12.35v-2.1q2.6.675 4.3 2.813T11 18q0 .5-.05.963t-.175.912m2.45 0q-.125-.45-.175-.913T13 18q0-2.8 1.7-4.937T19 10.25v2.1q-.75.275-1.4.725T16.45 14.1L21 16.825V18l-1.025.55L15.4 15.8q-.2.5-.3 1.063T15 18q0 .225.013.45t.062.45z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.925 9.888Q7.5 9.275 6.4 8.2l1.8-1.075q.6.5 1.3.825t1.5.45V3.1l1-.6l1 .6v5.3q.8-.125 1.5-.45t1.3-.825L17.6 8.2q-1.1 1.075-2.525 1.688T12 10.5t-3.075-.612m1.85 9.987l-1.85-.975q.05-.225.063-.45T9 18q0-.575-.1-1.137T8.6 15.8l-4.575 2.75L3 18v-1.175L7.55 14.1q-.5-.575-1.15-1.025T5 12.35v-2.1q2.6.675 4.3 2.813T11 18q0 .5-.05.963t-.175.912m2.45 0q-.125-.45-.175-.913T13 18q0-2.8 1.7-4.937T19 10.25v2.1q-.75.275-1.4.725T16.45 14.1L21 16.825V18l-1.025.55L15.4 15.8q-.2.5-.3 1.063T15 18q0 .225.013.45t.062.45z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.925%209.888Q7.5%209.275%206.4%208.2l1.8-1.075q.6.5%201.3.825t1.5.45V3.1l1-.6l1%20.6v5.3q.8-.125%201.5-.45t1.3-.825L17.6%208.2q-1.1%201.075-2.525%201.688T12%2010.5t-3.075-.612m1.85%209.987l-1.85-.975q.05-.225.063-.45T9%2018q0-.575-.1-1.137T8.6%2015.8l-4.575%202.75L3%2018v-1.175L7.55%2014.1q-.5-.575-1.15-1.025T5%2012.35v-2.1q2.6.675%204.3%202.813T11%2018q0%20.5-.05.963t-.175.912m2.45%200q-.125-.45-.175-.913T13%2018q0-2.8%201.7-4.937T19%2010.25v2.1q-.75.275-1.4.725T16.45%2014.1L21%2016.825V18l-1.025.55L15.4%2015.8q-.2.5-.3%201.063T15%2018q0%20.225.013.45t.062.45z%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%22M8.925%209.888Q7.5%209.275%206.4%208.2l1.8-1.075q.6.5%201.3.825t1.5.45V3.1l1-.6l1%20.6v5.3q.8-.125%201.5-.45t1.3-.825L17.6%208.2q-1.1%201.075-2.525%201.688T12%2010.5t-3.075-.612m1.85%209.987l-1.85-.975q.05-.225.063-.45T9%2018q0-.575-.1-1.137T8.6%2015.8l-4.575%202.75L3%2018v-1.175L7.55%2014.1q-.5-.575-1.15-1.025T5%2012.35v-2.1q2.6.675%204.3%202.813T11%2018q0%20.5-.05.963t-.175.912m2.45%200q-.125-.45-.175-.913T13%2018q0-2.8%201.7-4.937T19%2010.25v2.1q-.75.275-1.4.725T16.45%2014.1L21%2016.825V18l-1.025.55L15.4%2015.8q-.2.5-.3%201.063T15%2018q0%20.225.013.45t.062.45z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/matter.svg?color=%231a73e8&size=48
