texture icon
texture-rounded from Material Symbols Light by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- texture-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- texture-outline-rounded
2 other variants in Material Symbols Light
The same icon in other sets
More images icons from Material Symbols Light
Use the texture icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.308 19.821q-.146-.146-.165-.341t.159-.372l7.825-7.825q.177-.177.375-.158q.197.02.338.161q.166.168.17.366q.003.198-.162.364l-7.82 7.819q-.164.165-.362.156q-.199-.01-.358-.17m7.315.179q-.271 0-.368-.252t.095-.444l.954-.954q.192-.192.444-.095q.252.096.252.368v.57q0 .343-.232.575t-.576.232zm-14.488-.139q-.14-.138-.153-.338t.164-.377L19.152 4.14q.183-.182.383-.158q.2.025.339.162q.138.137.153.335t-.167.375L4.848 19.86q-.177.177-.375.158t-.338-.157m0-7.18q-.14-.138-.153-.339t.164-.377l7.82-7.819q.176-.177.372-.158q.196.02.335.158t.158.335t-.158.373l-7.825 7.825q-.177.177-.375.158t-.338-.157M4 5.377v-.57q0-.342.232-.575T4.808 4h.569q.272 0 .368.252q.097.252-.095.444l-.954.954q-.192.192-.444.095Q4 5.65 4 5.377"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTextureRounded(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="M11.308 19.821q-.146-.146-.165-.341t.159-.372l7.825-7.825q.177-.177.375-.158q.197.02.338.161q.166.168.17.366q.003.198-.162.364l-7.82 7.819q-.164.165-.362.156q-.199-.01-.358-.17m7.315.179q-.271 0-.368-.252t.095-.444l.954-.954q.192-.192.444-.095q.252.096.252.368v.57q0 .343-.232.575t-.576.232zm-14.488-.139q-.14-.138-.153-.338t.164-.377L19.152 4.14q.183-.182.383-.158q.2.025.339.162q.138.137.153.335t-.167.375L4.848 19.86q-.177.177-.375.158t-.338-.157m0-7.18q-.14-.138-.153-.339t.164-.377l7.82-7.819q.176-.177.372-.158q.196.02.335.158t.158.335t-.158.373l-7.825 7.825q-.177.177-.375.158t-.338-.157M4 5.377v-.57q0-.342.232-.575T4.808 4h.569q.272 0 .368.252q.097.252-.095.444l-.954.954q-.192.192-.444.095Q4 5.65 4 5.377"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.308 19.821q-.146-.146-.165-.341t.159-.372l7.825-7.825q.177-.177.375-.158q.197.02.338.161q.166.168.17.366q.003.198-.162.364l-7.82 7.819q-.164.165-.362.156q-.199-.01-.358-.17m7.315.179q-.271 0-.368-.252t.095-.444l.954-.954q.192-.192.444-.095q.252.096.252.368v.57q0 .343-.232.575t-.576.232zm-14.488-.139q-.14-.138-.153-.338t.164-.377L19.152 4.14q.183-.182.383-.158q.2.025.339.162q.138.137.153.335t-.167.375L4.848 19.86q-.177.177-.375.158t-.338-.157m0-7.18q-.14-.138-.153-.339t.164-.377l7.82-7.819q.176-.177.372-.158q.196.02.335.158t.158.335t-.158.373l-7.825 7.825q-.177.177-.375.158t-.338-.157M4 5.377v-.57q0-.342.232-.575T4.808 4h.569q.272 0 .368.252q.097.252-.095.444l-.954.954q-.192.192-.444.095Q4 5.65 4 5.377"/></svg> </template>
CSS
.icon-texture-rounded {
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%22M11.308%2019.821q-.146-.146-.165-.341t.159-.372l7.825-7.825q.177-.177.375-.158q.197.02.338.161q.166.168.17.366q.003.198-.162.364l-7.82%207.819q-.164.165-.362.156q-.199-.01-.358-.17m7.315.179q-.271%200-.368-.252t.095-.444l.954-.954q.192-.192.444-.095q.252.096.252.368v.57q0%20.343-.232.575t-.576.232zm-14.488-.139q-.14-.138-.153-.338t.164-.377L19.152%204.14q.183-.182.383-.158q.2.025.339.162q.138.137.153.335t-.167.375L4.848%2019.86q-.177.177-.375.158t-.338-.157m0-7.18q-.14-.138-.153-.339t.164-.377l7.82-7.819q.176-.177.372-.158q.196.02.335.158t.158.335t-.158.373l-7.825%207.825q-.177.177-.375.158t-.338-.157M4%205.377v-.57q0-.342.232-.575T4.808%204h.569q.272%200%20.368.252q.097.252-.095.444l-.954.954q-.192.192-.444.095Q4%205.65%204%205.377%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%22M11.308%2019.821q-.146-.146-.165-.341t.159-.372l7.825-7.825q.177-.177.375-.158q.197.02.338.161q.166.168.17.366q.003.198-.162.364l-7.82%207.819q-.164.165-.362.156q-.199-.01-.358-.17m7.315.179q-.271%200-.368-.252t.095-.444l.954-.954q.192-.192.444-.095q.252.096.252.368v.57q0%20.343-.232.575t-.576.232zm-14.488-.139q-.14-.138-.153-.338t.164-.377L19.152%204.14q.183-.182.383-.158q.2.025.339.162q.138.137.153.335t-.167.375L4.848%2019.86q-.177.177-.375.158t-.338-.157m0-7.18q-.14-.138-.153-.339t.164-.377l7.82-7.819q.176-.177.372-.158q.196.02.335.158t.158.335t-.158.373l-7.825%207.825q-.177.177-.375.158t-.338-.157M4%205.377v-.57q0-.342.232-.575T4.808%204h.569q.272%200%20.368.252q.097.252-.095.444l-.954.954q-.192.192-.444.095Q4%205.65%204%205.377%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-rounded.svg?color=%231a73e8&size=48
