ICONYZ
English
Open Access Square icon from Academicons

Open Access Square icon

academicons:open-access-square

The Open Access Square icon (academicons:open-access-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
openaccess, accesssquare, openaccesssquare
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.193 64c47.05 0 85.56 38.51 85.56 85.56v80.553c9.586 15.424 15.138 33.588 15.138 52.996C324.89 370.626 279.517 416 224 416s-100.89-45.374-100.89-100.89c0-55.518 45.373-100.89 100.89-100.89c18.78 0 36.394 5.198 51.488 14.218V181.56c0-28.533-22.763-51.295-51.295-51.295c-28.531 0-51.293 22.762-51.293 51.295v11.685h-34.265V181.56c0-47.051 38.508-85.561 85.558-85.561M224 248.484c-36.999 0-66.625 29.627-66.625 66.625c0 37 29.626 66.625 66.625 66.625s66.625-29.626 66.625-66.625s-29.626-66.625-66.625-66.625m.328 38.662c15.612 0 28.27 12.656 28.27 28.268s-12.658 28.27-28.27 28.27s-28.267-12.658-28.267-28.27s12.655-28.268 28.267-28.268"/></svg>

How to use the Open Access Square icon

React

import { Icon } from "@iconify/react";

<Icon icon="academicons:open-access-square" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="academicons:open-access-square" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="academicons:open-access-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--open-access-square]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:open-access-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-access-square"></iconify-icon>

HTML image

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

Related icons in Academicons

open-access icon
open-access
 open-data icon
open-data
 open-data-square icon
open-data-square
 open-materials icon
open-materials
 open-materials-square icon
open-materials-square
 openedition icon
openedition
 openedition-square icon
openedition-square

Open Access Square icon FAQ

Is the Open Access 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 Open Access Square icon in React?

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

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

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

Browse all Academicons →