ICONYZ
English
Open Data icon from Academicons

Open Data icon

academicons:open-data

The Open Data icon (academicons:open-data) is a free SVG icon from the Academicons set by James Walsh. It is drawn on a 512 × 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
512 × 512
Tags
opendata
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.993 8.045c-32.183-1.174-57.105 21.062-84.092 35.034c-36.705 21.758-74.502 41.83-110.476 64.716c-23.53 19.125-34.341 49.9-31.87 79.619c.137 52.692-.273 105.396.207 158.08c3.047 31.9 25.167 58.973 53.631 72.318c45.694 26.225 91.12 52.938 136.981 78.857c29.154 13.294 63.667 7.703 89.457-10.283c45.56-26.464 91.402-52.46 136.783-79.219c26.105-18.586 38.497-51.277 35.818-82.6c-.137-52.693.274-105.396-.207-158.08c-3.05-31.898-25.166-58.977-53.633-72.316c-45.695-26.22-91.129-52.915-136.988-78.837c-11.1-5.156-23.43-7.255-35.61-7.29m-28.695 132.69h57.4v230.52h-57.4zm72.231 50.174h57.372v180.346H299.53zm-144.452 94.08h57.39v86.266h-57.39z"/></svg>

How to use the Open Data icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Academicons

open-access icon
open-access
 open-access-square icon
open-access-square
 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 Data icon FAQ

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

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

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

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

Browse all Academicons →