ICONYZ
English
Open Materials Square icon from Academicons

Open Materials Square icon

academicons:open-materials-square

The Open Materials Square icon (academicons:open-materials-square) is a free SVG icon from the Academicons set by James Walsh. It is drawn on a 448 × 512 grid. Academicons are released under the Open Font 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
Academicons
Author
James Walsh
License
OFL-1.1
Size
448 × 512
Tags
openmaterials, materialssquare, openmaterialssquare, material
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm175.994 64c9.333 0 18.66 2.044 25.74 6.137l94.655 54.64c14.151 8.178 25.736 28.229 25.736 44.57V310.65c0 16.347-11.585 36.405-25.736 44.579l-94.66 54.654c-7.072 4.08-16.402 6.117-25.735 6.117c-9.324 0-18.656-2.037-25.736-6.117l-94.647-54.654c-14.155-8.174-25.736-28.232-25.736-44.579V201.348c0-16.342 11.58-36.393 25.736-44.57l94.647-54.641c7.08-4.093 16.407-6.137 25.736-6.137m-37.457 94.023l-64.592 26.323l37.475 14.748L224 204.777zM224 204.777l64.586 26.317l37.463-14.748l-64.569-26.323zm64.586 26.317L224 257.396l-64.58-26.302v64.578l64.58 26.31l64.586-26.31z"/></svg>

How to use the Open Materials Square icon

React

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

<Icon icon="academicons:open-materials-square" width="24" />

Vue

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

<template>
  <Icon icon="academicons:open-materials-square" width="24" />
</template>

Svelte

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

<Icon icon="academicons:open-materials-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--open-materials-square]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:open-materials-square"></div>

Web component

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

<iconify-icon icon="academicons:open-materials-square"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/academicons/open-materials-square.svg" alt="Open Materials Square icon" width="24" height="24">

Related icons in Academicons

open-access icon
open-access
 open-access-square icon
open-access-square
 open-data icon
open-data
 open-data-square icon
open-data-square
 open-materials icon
open-materials
 openedition icon
openedition
 openedition-square icon
openedition-square

Open Materials Square icon FAQ

Is the Open Materials Square icon free for commercial use?

Yes. Academicons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Open Materials Square icon in React?

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

How do I add the Open Materials Square icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/academicons/open-materials-square.svg" alt="Open Materials Square icon">, or paste the SVG code inline to style it with CSS.

Browse all Academicons →