Back to Explorer
16 - 512
0.5 - 4.0
Save to
imageoutline
md texture
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdTextureIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19.51 3.08L3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3L3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z"/>
</svg>
);SVG Optimizer
Before
0.49 KB
↓
After
0.49 KB
Tags
abstractappearancebackgroundbumpycrosshatchdetaildiagonaleffectfillfilterfinishgraingridgrithorizontal lineslayerlinesmaterialmatteoverlayparallel linespatternroughshinysmoothstripesstylesurfacesurface finishtexturevertical linesvisual
Compare Alternatives
See how other libraries approach this concept.