Icono Open Materials
academicons:open-materials
El icono Open Materials (academicons:open-materials) es un icono SVG gratuito de la colección Academicons de James Walsh. Está dibujado en una cuadrícula de 512 × 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
- 512 × 512
- Etiquetas
- openmaterials, material
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.99 8c-14.46 0-28.915 3.167-39.89 9.51L69.398 102.207c-21.941 12.675-39.89 43.754-39.89 69.084v169.42c0 25.336 17.949 56.425 39.89 69.094l146.704 84.714c10.974 6.324 25.436 9.482 39.89 9.482c14.465 0 28.928-3.158 39.889-9.482l146.723-84.714c21.935-12.669 39.89-43.758 39.89-69.094V171.29c0-25.33-17.955-56.41-39.89-69.084L295.89 17.511C284.916 11.167 270.456 8 255.99 8m-58.058 145.737L256 176.605l58.096-22.868l100.08 40.8l-58.068 22.857v100.098L256 358.272l-100.098-40.78V217.394l-58.087-22.858Zm-42.03 63.657L256 258.164l100.108-40.77L256 176.604Z"/></svg>
Cómo usar el icono Open Materials
React
import { Icon } from "@iconify/react";
<Icon icon="academicons:open-materials" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="academicons:open-materials" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="academicons:open-materials" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--open-materials]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:open-materials"></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"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/academicons/open-materials.svg" alt="Icono Open Materials" width="24" height="24">
Iconos relacionados en Academicons
Preguntas frecuentes sobre Icono Open Materials
¿El icono Open Materials 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 en React?
Instala @iconify/react y renderiza <Icon icon="academicons:open-materials" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Open Materials 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.svg" alt="Icono Open Materials">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Academicons →
ICONYZ
