ICONYZ
English
Open Data Square icon from Academicons

Open Data Square icon

academicons:open-data-square

The Open Data Square icon (academicons:open-data-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
opendata, datasquare, opendatasquare
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-48zm174.063 64.002a43 43 0 0 1 1.933.027c7.859.022 15.814 1.377 22.975 4.703c29.586 16.724 58.898 33.946 88.379 50.862c18.365 8.606 32.634 26.077 34.601 46.656c.31 33.99.045 67.992.133 101.986c1.729 20.21-6.266 41.3-23.107 53.291c-29.278 17.264-58.853 34.036-88.247 51.11c-16.639 11.603-38.905 15.21-57.714 6.633c-29.589-16.722-58.896-33.956-88.375-50.875c-18.364-8.61-32.634-26.076-34.6-46.657c-.31-33.99-.047-67.993-.135-101.988c-1.595-19.173 5.38-39.027 20.56-51.365c23.21-14.765 47.596-27.717 71.276-41.754c16.867-8.733 32.484-22.467 52.32-22.629m-16.58 85.633v148.722h37.033V181.635zm46.601 32.37v116.352h37.014V214.006zm-93.195 60.698v55.654h37.025v-55.654z"/></svg>

How to use the Open Data Square icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Academicons

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

Open Data Square icon FAQ

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

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

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

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

Browse all Academicons →