Ikon Open Materials Square
academicons:open-materials-square
Ikon Open Materials Square (academicons:open-materials-square) adalah ikon SVG gratis dari set Academicons karya James Walsh. Ikon ini digambar pada grid 448 × 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
- 448 × 512
- Tag
- openmaterials, materialssquare, openmaterialssquare, material
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/academicons/open-materials-square.svg" alt="Ikon Open Materials Square" width="24" height="24">
Ikon terkait di Academicons
FAQ Ikon Open Materials Square
Apakah ikon Open Materials Square 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 Square di React?
Pasang @iconify/react lalu render <Icon icon="academicons:open-materials-square" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Open Materials Square ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/academicons/open-materials-square.svg" alt="Ikon Open Materials Square">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Academicons →
ICONYZ
