material and texture icon

material-and-texture from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
material-and-texture
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the material and texture icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m17.77 4.994l-3.455-1.331C13.167 3.22 12.594 3 12 3s-1.167.22-2.314.663L6.229 4.994C4.076 5.824 3 6.238 3 7s1.076 1.177 3.23 2.006l3.455 1.331c1.147.442 1.72.663 2.315.663c.593 0 1.167-.22 2.314-.663l3.456-1.33C19.924 8.176 21 7.761 21 7s-1.076-1.177-3.23-2.006"/><path d="m16.5 9.505l1.27.49C19.925 10.823 21 11.237 21 12s-1.076 1.177-3.23 2.006l-3.456 1.332c-1.147.441-1.72.662-2.314.662s-1.168-.22-2.315-.662L6.23 14.006C4.076 13.177 3 12.762 3 12s1.076-1.176 3.23-2.006l1.27-.49M19 10.5L8.76 14.888M5 13.5l5.5-2.5"/><path d="m16.635 14.557l1.135.437C19.925 15.824 21 16.238 21 17s-1.076 1.177-3.23 2.006l-3.456 1.331C13.167 20.78 12.594 21 12 21s-1.168-.221-2.315-.663L6.23 19.006C4.076 18.176 3 17.762 3 17s1.076-1.177 3.23-2.006l1.135-.437"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsMaterialAndTexture(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="m17.77 4.994l-3.455-1.331C13.167 3.22 12.594 3 12 3s-1.167.22-2.314.663L6.229 4.994C4.076 5.824 3 6.238 3 7s1.076 1.177 3.23 2.006l3.455 1.331c1.147.442 1.72.663 2.315.663c.593 0 1.167-.22 2.314-.663l3.456-1.33C19.924 8.176 21 7.761 21 7s-1.076-1.177-3.23-2.006"/><path d="m16.5 9.505l1.27.49C19.925 10.823 21 11.237 21 12s-1.076 1.177-3.23 2.006l-3.456 1.332c-1.147.441-1.72.662-2.314.662s-1.168-.22-2.315-.662L6.23 14.006C4.076 13.177 3 12.762 3 12s1.076-1.176 3.23-2.006l1.27-.49M19 10.5L8.76 14.888M5 13.5l5.5-2.5"/><path d="m16.635 14.557l1.135.437C19.925 15.824 21 16.238 21 17s-1.076 1.177-3.23 2.006l-3.456 1.331C13.167 20.78 12.594 21 12 21s-1.168-.221-2.315-.663L6.23 19.006C4.076 18.176 3 17.762 3 17s1.076-1.177 3.23-2.006l1.135-.437"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m17.77 4.994l-3.455-1.331C13.167 3.22 12.594 3 12 3s-1.167.22-2.314.663L6.229 4.994C4.076 5.824 3 6.238 3 7s1.076 1.177 3.23 2.006l3.455 1.331c1.147.442 1.72.663 2.315.663c.593 0 1.167-.22 2.314-.663l3.456-1.33C19.924 8.176 21 7.761 21 7s-1.076-1.177-3.23-2.006"/><path d="m16.5 9.505l1.27.49C19.925 10.823 21 11.237 21 12s-1.076 1.177-3.23 2.006l-3.456 1.332c-1.147.441-1.72.662-2.314.662s-1.168-.22-2.315-.662L6.23 14.006C4.076 13.177 3 12.762 3 12s1.076-1.176 3.23-2.006l1.27-.49M19 10.5L8.76 14.888M5 13.5l5.5-2.5"/><path d="m16.635 14.557l1.135.437C19.925 15.824 21 16.238 21 17s-1.076 1.177-3.23 2.006l-3.456 1.331C13.167 20.78 12.594 21 12 21s-1.168-.221-2.315-.663L6.23 19.006C4.076 18.176 3 17.762 3 17s1.076-1.177 3.23-2.006l1.135-.437"/></g></svg>
</template>

CSS

.icon-material-and-texture {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m17.77%204.994l-3.455-1.331C13.167%203.22%2012.594%203%2012%203s-1.167.22-2.314.663L6.229%204.994C4.076%205.824%203%206.238%203%207s1.076%201.177%203.23%202.006l3.455%201.331c1.147.442%201.72.663%202.315.663c.593%200%201.167-.22%202.314-.663l3.456-1.33C19.924%208.176%2021%207.761%2021%207s-1.076-1.177-3.23-2.006%22%2F%3E%3Cpath%20d%3D%22m16.5%209.505l1.27.49C19.925%2010.823%2021%2011.237%2021%2012s-1.076%201.177-3.23%202.006l-3.456%201.332c-1.147.441-1.72.662-2.314.662s-1.168-.22-2.315-.662L6.23%2014.006C4.076%2013.177%203%2012.762%203%2012s1.076-1.176%203.23-2.006l1.27-.49M19%2010.5L8.76%2014.888M5%2013.5l5.5-2.5%22%2F%3E%3Cpath%20d%3D%22m16.635%2014.557l1.135.437C19.925%2015.824%2021%2016.238%2021%2017s-1.076%201.177-3.23%202.006l-3.456%201.331C13.167%2020.78%2012.594%2021%2012%2021s-1.168-.221-2.315-.663L6.23%2019.006C4.076%2018.176%203%2017.762%203%2017s1.076-1.177%203.23-2.006l1.135-.437%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m17.77%204.994l-3.455-1.331C13.167%203.22%2012.594%203%2012%203s-1.167.22-2.314.663L6.229%204.994C4.076%205.824%203%206.238%203%207s1.076%201.177%203.23%202.006l3.455%201.331c1.147.442%201.72.663%202.315.663c.593%200%201.167-.22%202.314-.663l3.456-1.33C19.924%208.176%2021%207.761%2021%207s-1.076-1.177-3.23-2.006%22%2F%3E%3Cpath%20d%3D%22m16.5%209.505l1.27.49C19.925%2010.823%2021%2011.237%2021%2012s-1.076%201.177-3.23%202.006l-3.456%201.332c-1.147.441-1.72.662-2.314.662s-1.168-.22-2.315-.662L6.23%2014.006C4.076%2013.177%203%2012.762%203%2012s1.076-1.176%203.23-2.006l1.27-.49M19%2010.5L8.76%2014.888M5%2013.5l5.5-2.5%22%2F%3E%3Cpath%20d%3D%22m16.635%2014.557l1.135.437C19.925%2015.824%2021%2016.238%2021%2017s-1.076%201.177-3.23%202.006l-3.456%201.331C13.167%2020.78%2012.594%2021%2012%2021s-1.168-.221-2.315-.663L6.23%2019.006C4.076%2018.176%203%2017.762%203%2017s1.076-1.177%203.23-2.006l1.135-.437%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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