texture add icon

texture-add from Material Symbols Light by Google · Regular · Images · Apache-2.0 Free for personal and commercial use.

Name: texture-add
Set: Material Symbols Light
Style: Regular
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: texture-add-outline

2 other variants in Material Symbols Light

The same icon in other sets

More images icons from Material Symbols Light

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the texture add icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.708 20q-.245-.08-.436-.272q-.191-.191-.272-.436L19.292 4q.256.087.439.272t.275.436zM4 13.527v-1.415L12.111 4h1.416zm0-7.18v-.731q0-.691.463-1.153T5.616 4h.73zm16 4.126v1.416l-.167.167q-.25-.115-.515-.205t-.557-.14zM10.473 20l1.7-1.7q.05.292.14.557t.204.514L11.89 20zM17 17.538h-3v-1h3v-3h1v3h3v1h-3v3h-1z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightTextureAdd(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="M4.708 20q-.245-.08-.436-.272q-.191-.191-.272-.436L19.292 4q.256.087.439.272t.275.436zM4 13.527v-1.415L12.111 4h1.416zm0-7.18v-.731q0-.691.463-1.153T5.616 4h.73zm16 4.126v1.416l-.167.167q-.25-.115-.515-.205t-.557-.14zM10.473 20l1.7-1.7q.05.292.14.557t.204.514L11.89 20zM17 17.538h-3v-1h3v-3h1v3h3v1h-3v3h-1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.708 20q-.245-.08-.436-.272q-.191-.191-.272-.436L19.292 4q.256.087.439.272t.275.436zM4 13.527v-1.415L12.111 4h1.416zm0-7.18v-.731q0-.691.463-1.153T5.616 4h.73zm16 4.126v1.416l-.167.167q-.25-.115-.515-.205t-.557-.14zM10.473 20l1.7-1.7q.05.292.14.557t.204.514L11.89 20zM17 17.538h-3v-1h3v-3h1v3h3v1h-3v3h-1z"/></svg>
</template>

CSS

.icon-texture-add {
  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%22M4.708%2020q-.245-.08-.436-.272q-.191-.191-.272-.436L19.292%204q.256.087.439.272t.275.436zM4%2013.527v-1.415L12.111%204h1.416zm0-7.18v-.731q0-.691.463-1.153T5.616%204h.73zm16%204.126v1.416l-.167.167q-.25-.115-.515-.205t-.557-.14zM10.473%2020l1.7-1.7q.05.292.14.557t.204.514L11.89%2020zM17%2017.538h-3v-1h3v-3h1v3h3v1h-3v3h-1z%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%22M4.708%2020q-.245-.08-.436-.272q-.191-.191-.272-.436L19.292%204q.256.087.439.272t.275.436zM4%2013.527v-1.415L12.111%204h1.416zm0-7.18v-.731q0-.691.463-1.153T5.616%204h.73zm16%204.126v1.416l-.167.167q-.25-.115-.515-.205t-.557-.14zM10.473%2020l1.7-1.7q.05.292.14.557t.204.514L11.89%2020zM17%2017.538h-3v-1h3v-3h1v3h3v1h-3v3h-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/texture-add.svg?color=%231a73e8&size=48