Icono Open Materials Square
academicons:open-materials-square
El icono Open Materials Square (academicons:open-materials-square) es un icono SVG gratuito de la colección Academicons de James Walsh. Está dibujado en una cuadrícula de 448 × 512. Academicons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Academicons
- Autor
- James Walsh
- Licencia
- OFL-1.1
- Tamaño
- 448 × 512
- Etiquetas
- openmaterials, materialssquare, openmaterialssquare, material
Código SVG
<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>
Cómo usar el icono Open Materials Square
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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/academicons/open-materials-square.svg" alt="Icono Open Materials Square" width="24" height="24">
Iconos relacionados en Academicons
Preguntas frecuentes sobre Icono Open Materials Square
¿El icono Open Materials Square es gratis para uso comercial?
Sí. Academicons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Open Materials Square en React?
Instala @iconify/react y renderiza <Icon icon="academicons:open-materials-square" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Open Materials Square a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/academicons/open-materials-square.svg" alt="Icono Open Materials Square">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Academicons →
ICONYZ
