Oxygene icon

file-icons:oxygene

The Oxygene icon (file-icons:oxygene) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

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="M256 0C114.615 0 0 114.615 0 256s114.615 256 256 256s256-114.615 256-256S397.385 0 256 0m124.811 434.543c-1.438-16.784-4.25-59.712 1.014-93.21c2.643-16.823 24.094-34.133 30.117-42.164c-41.495-20.748-46.688 20.923-77.636 64.25c-10.95-175.7 47.426-116.6 38.871-207.096c-6.739-71.295-26.163-68.68-26.163-68.68s-.983 52.464-18.533 82.852c-11.72 20.295-33.687 18.639-42.516 39.79c-13.229 31.696-7.086 74.131-19.926 44.711c-3.346-20.078-29.99-33.209-39.064-48.714c-47.748-81.587 4.175-140.58 4.175-140.58c4.047-8.64 3.1-12.87-2.823-12.704c-71.636 23.643-63.614 139.197-56.11 163.032c26.759 84.983 11.48 98.446 8.47 100.925c-5.689 4.685-10.484-20.588-28.426-37.865c-15.632-15.053-22.574-43.961-23.665-68.315c-.17-3.8-2.935-17.022-8.39-3.174c-22.644 57.482-11.026 100.234 6.623 132.394c26.123 47.602 17.285 79.475 2.44 93.194C74.109 393.667 38.163 329.034 38.163 256c0-120.308 97.529-217.837 217.837-217.837S473.837 135.692 473.837 256c0 73.876-36.783 139.153-93.026 178.543"/></svg>

How to use the Oxygene icon

React

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

<Icon icon="file-icons:oxygene" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:oxygene" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:oxygene" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--oxygene]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:oxygene"></div>

Web component

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

<iconify-icon icon="file-icons:oxygene"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/oxygene.svg" alt="Oxygene icon" width="24" height="24">

Oxygene icon FAQ

Is the Oxygene icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Oxygene icon in React?

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

How do I add the Oxygene icon to a web page?

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

Browse all File Icons →