Overleaf Square icon

academicons:overleaf-square

The Overleaf Square icon (academicons:overleaf-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: overleafsquare

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-48zm244.39 64.002c29.07.094 55.461 4.478 69.641 10.006c-42.946 34.592-57.77 111.894-149.498 76.486c31.443-23.596 76.403-45.272 101.328-58.459c-76.372 18.927-179.09 68.248-193.236 154.77c-4.032 24.708 1.106 50.003 21.068 73.33c13.483 15.77 33.542 25.767 55.924 25.767c40.614 0 73.54-32.925 73.54-73.55c0-36.575-26.711-66.918-61.68-72.588c-23.752-3.816-50.543 5.157-67.727 25.765c11.557-26.064 35.946-52.22 55.969-64.949c14.017-1.18 31.573 4.349 39.654 7.422c42.017 15.999 71.88 56.704 71.88 104.361C309.254 366.02 259.28 416 197.62 416c-61.665 0-111.652-49.98-111.65-111.637c0-51.018 30.264-98.71 75.967-127.97c.17-62.79 70.93-80.584 130.455-80.391"/></svg>

How to use the Overleaf Square icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:overleaf-square"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="academicons:overleaf-square"></iconify-icon>

HTML image

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

Related icons in Academicons

Overleaf Square icon FAQ

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

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

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

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

Browse all Academicons →