Osf Square icon

academicons:osf-square

The Osf Square icon (academicons:osf-square) is a free SVG icon from the Academicons set by James Walsh. It is drawn on a 448 × 512 grid. Academicons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Academicons
Author: James Walsh
License: OFL-1.1
Size: 448 × 512
Tags: osfsquare

Download SVG

SVG code

<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>

How to use the Osf Square icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/academicons/osf-square.svg" alt="Osf Square icon" width="24" height="24">

Related icons in Academicons

Osf Square icon FAQ

Is the Osf Square icon free for commercial use?

Yes. Academicons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Osf Square icon in React?

Install @iconify/react and render <Icon icon="academicons:osf-square" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Osf Square icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/academicons/osf-square.svg" alt="Osf Square icon">, or paste the SVG code inline to style it with CSS.

Browse all Academicons →