Ikon Open Materials
academicons:open-materials
Ikon Open Materials (academicons:open-materials) adalah ikon SVG gratis dari set Academicons karya James Walsh. Ikon ini digambar pada grid 512 × 512. Academicons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Academicons
- Pembuat
- James Walsh
- Lisensi
- OFL-1.1
- Ukuran
- 512 × 512
- Tag
- openmaterials, material
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/academicons/open-materials.svg" alt="Ikon Open Materials" width="24" height="24">
Ikon terkait di Academicons
FAQ Ikon Open Materials
Apakah ikon Open Materials gratis untuk penggunaan komersial?
Ya. Academicons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Open Materials di React?
Pasang @iconify/react lalu render <Icon icon="academicons:open-materials" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Open Materials ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/academicons/open-materials.svg" alt="Ikon Open Materials">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Academicons →
ICONYZ
