Moodle Square icon

academicons:moodle-square

The Moodle Square icon (academicons:moodle-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: moodlesquare

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-48zm228.373 114.783l.65 2.264l-50.814 37.133s13.574 10.587 20.512 18.355a46.8 46.8 0 0 1 8.459 7.2q14.166-17.815 51.632-17.815q34.254.001 54.342 15.086Q383.991 225.89 384 258.789v106.428h-51.158V264.72q0-31.506-25.992-31.514q-25.992-.01-26.047 31.514v100.496h-51.196V264.72c0-14.965-4.333-24.595-12.994-28.9c-11.101 7.29-23.55 12.147-36.748 14.312c-1.234 4.114-1.852 8.972-1.844 14.588v100.496h-51.203V258.789q0-7.21 1.098-13.652l-.004-.002a239.5 239.5 0 0 1-1.55-30.69l-52.356-.502c-.566 5.97-1.595 21.314-.342 44.65c5.988 21.25 6.118 42.6 4.846 62.094c-8.02-18.742-16.56-35.97-7.797-61.332c-1.281-23.495-.279-39.117.297-45.439l-6.278-.064l-.732-2.08c78.979-45.784 120.677-53.747 212.373-64.989"/></svg>

How to use the Moodle Square icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Academicons

Moodle Square icon FAQ

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

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

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

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

Browse all Academicons →