Oxy icon

token:oxy

The Oxy icon (token:oxy) is a free SVG icon from the Web3 Icons set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons are released under the MIT 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: Web3 Icons
Author: 0xa3k5
License: MIT
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 5.25A1.125 1.125 0 1 0 12 3a1.125 1.125 0 0 0 0 2.25M12 21a1.125 1.125 0 1 0 0-2.25A1.125 1.125 0 0 0 12 21m1.125-12.938a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M8.344 6.937a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m.843 10.97a.844.844 0 1 1-1.688 0a.844.844 0 0 1 1.688 0m6.188-6.47a1.125 1.125 0 1 0 0-2.249a1.125 1.125 0 0 0 0 2.25m1.125 2.25a1.124 1.124 0 1 1-2.249 0a1.124 1.124 0 0 1 2.249 0M12 17.063a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25M12.831 12a.835.835 0 0 1-.831.838a.835.835 0 0 1-.831-.838c0-.463.372-.838.831-.838s.831.375.831.838m-4.487 2.796a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m.843-4.798a.844.844 0 1 1-1.688 0a.844.844 0 0 1 1.688 0m-4.5-1.373a.563.563 0 1 0 0-1.125a.563.563 0 0 0 0 1.125M5.25 12a.563.563 0 1 1-1.126 0a.563.563 0 0 1 1.126 0m-.562 4.5a.563.563 0 1 0 0-1.126a.563.563 0 0 0 0 1.126M16.5 6.375a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M15.375 18.75a1.124 1.124 0 1 0 0-2.248a1.124 1.124 0 0 0 0 2.248m4.5-10.406a1.406 1.406 0 1 1-2.813 0a1.406 1.406 0 0 1 2.813 0m-1.406 8.719a1.406 1.406 0 1 0 0-2.812a1.406 1.406 0 0 0 0 2.812M19.875 12a1.406 1.406 0 1 1-2.812 0a1.406 1.406 0 0 1 2.812 0" clip-rule="evenodd"/></svg>

How to use the Oxy icon

React

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

<Icon icon="token:oxy" width="24" />

Vue

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

<template>
  <Icon icon="token:oxy" width="24" />
</template>

Svelte

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

<Icon icon="token:oxy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--oxy]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="token:oxy"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/token/oxy.svg" alt="Oxy icon" width="24" height="24">

Oxy icon in other icon sets

Oxy icon FAQ

Is the Oxy icon free for commercial use?

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

How do I use the Oxy icon in React?

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

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

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

Browse all Web3 Icons →