Ikon Osf Square
academicons:osf-square
Ikon Osf Square (academicons:osf-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
- osfsquare
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-48zm176 64c22.168 0 40.137 17.97 40.139 40.139c0 13.1-6.37 24.62-16.077 31.947c-.12-13.199-10.836-23.867-24.062-23.867s-23.941 10.668-24.062 23.867c-9.708-7.327-16.077-18.849-16.077-31.947C183.861 113.97 201.831 96 224 96m-84.756 35.107c10.272 0 20.545 3.919 28.383 11.756c9.261 9.264 12.905 21.913 11.223 33.957c.053.052.116.086.17.139c9.405 9.405 9.405 24.655 0 34.06c-9.406 9.406-24.658 9.406-34.063 0c-.052-.053-.087-.116-.139-.17c-12.044 1.684-24.692-1.957-33.955-11.22c-15.676-15.676-15.676-41.09 0-56.766c7.838-7.837 18.109-11.756 28.381-11.756m169.512 0c10.272 0 20.543 3.919 28.38 11.756c15.675 15.676 15.676 41.088.003 56.764c-9.263 9.261-21.913 12.905-33.957 11.223c-.054.053-.086.116-.139.17c-9.405 9.405-24.657 9.405-34.063 0c-9.405-9.406-9.405-24.656 0-34.061c.054-.052.12-.086.172-.139c-1.683-12.045 1.958-24.694 11.221-33.957c7.838-7.837 18.11-11.756 28.383-11.756m-204.617 84.754c13.098 0 24.62 6.368 31.947 16.077c-13.199.12-23.867 10.835-23.867 24.062s10.668 23.941 23.867 24.063c-7.327 9.707-18.849 16.076-31.947 16.076C81.97 296.139 64 278.169 64 256c0-22.168 17.97-40.139 40.139-40.139m239.722 0C366.03 215.861 384 233.832 384 256s-17.97 40.137-40.137 40.139c-13.1 0-24.62-6.368-31.947-16.075c13.197-.121 23.865-10.838 23.865-24.064s-10.668-23.941-23.867-24.062c7.325-9.708 18.849-16.077 31.947-16.077m-181.873 78.065a24 24 0 0 1 17.032 7.054c9.405 9.406 9.405 24.654 0 34.06c-.054.052-.118.087-.172.138c1.683 12.045-1.958 24.694-11.221 33.957c-15.675 15.674-41.09 15.674-56.764 0c-15.676-15.675-15.676-41.09 0-56.764c9.263-9.264 21.912-12.905 33.957-11.223c.052-.051.086-.114.139-.168a24 24 0 0 1 17.03-7.054m124.024 0a24 24 0 0 1 17.029 7.054c.053.052.086.115.139.168c12.045-1.682 24.694 1.96 33.957 11.223h.002c15.674 15.675 15.674 41.091-.002 56.766s-41.09 15.674-56.764 0c-9.261-9.263-12.905-21.912-11.223-33.957c-.053-.052-.116-.086-.17-.139c-9.405-9.406-9.405-24.655 0-34.06a24 24 0 0 1 17.032-7.055m-86.074 49.988c.12 13.199 10.836 23.867 24.062 23.867s23.941-10.667 24.063-23.867c9.707 7.327 16.076 18.849 16.076 31.947C264.139 398.03 246.169 416 224 416c-22.168 0-40.139-17.97-40.139-40.139c0-13.1 6.368-24.62 16.077-31.947"/></svg>Cara memakai ikon Osf Square
React
import { Icon } from "@iconify/react";
<Icon icon="academicons:osf-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="academicons:osf-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="academicons:osf-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--osf-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:osf-square"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="academicons:osf-square"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/academicons/osf-square.svg" alt="Ikon Osf Square" width="24" height="24">Ikon terkait di Academicons
FAQ Ikon Osf Square
Apakah ikon Osf 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 Osf Square di React?
Pasang @iconify/react lalu render <Icon icon="academicons:osf-square" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Osf Square ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/academicons/osf-square.svg" alt="Ikon Osf Square">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.