ICONYZ
English
Material And Texture icon from Huge Icons

Material And Texture icon

hugeicons:material-and-texture

The Material And Texture icon (hugeicons:material-and-texture) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Huge Icons
Author
Hugeicons
License
MIT
Size
24 × 24
Tags
materialand, andtexture, materialandtexture
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>

How to use the Material And Texture icon

React

import { Icon } from "@iconify/react";

<Icon icon="hugeicons:material-and-texture" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="hugeicons:material-and-texture" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="hugeicons:material-and-texture" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--material-and-texture]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:material-and-texture"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="hugeicons:material-and-texture"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/hugeicons/material-and-texture.svg" alt="Material And Texture icon" width="24" height="24">

Material And Texture icon FAQ

Is the Material And Texture icon free for commercial use?

Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Material And Texture icon in React?

Install @iconify/react and render <Icon icon="hugeicons:material-and-texture" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Material And Texture icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/material-and-texture.svg" alt="Material And Texture icon">, or paste the SVG code inline to style it with CSS.

Browse all Huge Icons →