Ionx icon
token:ionx
The Ionx icon (token:ionx) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.255 13.526a1.528 1.528 0 1 0-.001-3.055a1.528 1.528 0 0 0 0 3.055M10.218 6.4a1.018 1.018 0 1 0 0-2.035a1.018 1.018 0 0 0 0 2.035m9.138 6.11a1.273 1.273 0 1 0 0 2.546a1.273 1.273 0 0 0 0-2.547"/><path fill="currentColor" d="M17.396 9.163c.702-2.158.61-3.863-.397-4.53c-1.12-.723-3.019.061-4.989 1.909a16 16 0 0 0-.468-.418a1.5 1.5 0 0 1-.341.484c.127.112.264.224.382.341q-.764.771-1.436 1.619a18.6 18.6 0 0 0-2.952.448c-.601-1.853-.586-3.304.198-3.818a1.48 1.48 0 0 1 1.16-.132q.093-.307.306-.56c-.738-.22-1.374-.194-1.863.132c-1.008.662-1.094 2.367-.392 4.525C4.39 9.785 3 10.803 3 12.003c0 1.202 1.39 2.21 3.604 2.836a8 8 0 0 0-.163.555h.087c.173 0 .346.026.509.082c.046-.158.091-.321.147-.484c.973.219 1.965.366 2.963.433q.676.848 1.44 1.619c-1.715 1.583-3.323 2.326-4.194 1.75a1.2 1.2 0 0 1-.356-.376a1.45 1.45 0 0 1-.693.066c.123.356.357.662.662.876c1.12.738 3.014-.046 4.999-1.904c1.975 1.858 3.869 2.647 4.994 1.904c1.013-.662 1.1-2.367.397-4.53c.203-.052.407-.118.595-.179a1.6 1.6 0 0 1-.264-.524l-.535.162a18 18 0 0 0-1.059-2.28c.408-.733.764-1.497 1.06-2.28c1.898.524 3.115 1.359 3.115 2.28c0 .168-.041.33-.112.479c.188.137.346.315.458.519c.219-.29.34-.642.346-1.003c0-1.201-1.39-2.22-3.604-2.84M12 7.356c.356.357.718.749 1.064 1.171A25 25 0 0 0 12 8.502c-.356 0-.723 0-1.059.025A13 13 0 0 1 12 7.357M9.658 9.184a25 25 0 0 0-1.46 2.204a17 17 0 0 1-.82-1.833c.748-.168 1.512-.29 2.275-.366zm-2.86 5.09c-1.9-.519-3.116-1.354-3.116-2.275c0-.922 1.222-1.746 3.116-2.28q.45 1.177 1.063 2.28a17 17 0 0 0-1.058 2.28zm.575.153c.234-.626.509-1.237.814-1.832c.27.447.535.895.855 1.343c.204.306.408.59.611.866a18 18 0 0 1-2.28-.377m2.148-.804a26 26 0 0 1-1.008-1.62a24 24 0 0 1 1.924-2.87q1.562-.105 3.12 0a24 24 0 0 1 1.925 2.866a24 24 0 0 1-1.92 2.87q-1.558.097-3.12 0q-.466-.595-.916-1.251zm1.405 1.848c.346.015.702.02 1.059.02c.356 0 .723 0 1.064-.02c-.357.422-.718.814-1.064 1.17a21 21 0 0 1-1.06-1.17m5.686 3.324c-.865.57-2.479-.168-4.195-1.751a20 20 0 0 0 1.441-1.62a19 19 0 0 0 2.953-.442c.6 1.848.585 3.288-.199 3.813m0-4.373c-.748.178-1.512.305-2.28.377a24 24 0 0 0 1.46-2.204q.467.89.825 1.832zm-.814-3.029c-.265-.438-.53-.89-.845-1.339a29 29 0 0 0-.616-.865c.763.076 1.527.204 2.28.377a17 17 0 0 1-.814 1.832zm1.018-2.377q-1.462-.343-2.953-.448a20 20 0 0 0-1.44-1.619c1.71-1.583 3.323-2.321 4.194-1.746c.779.51.794 1.96.194 3.813z"/><path fill="currentColor" d="M8.182 17.345a1.273 1.273 0 1 0-2.546 0a1.273 1.273 0 0 0 2.546 0"/></svg>How to use the Ionx icon
React
import { Icon } from "@iconify/react";
<Icon icon="token:ionx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:ionx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:ionx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--ionx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:ionx"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:ionx"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token/ionx.svg" alt="Ionx icon" width="24" height="24">Ionx icon in other icon sets
Ionx icon FAQ
Is the Ionx 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 Ionx icon in React?
Install @iconify/react and render <Icon icon="token:ionx" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ionx icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token/ionx.svg" alt="Ionx icon">, or paste the SVG code inline to style it with CSS.