Icono Ionx
token:ionx
El icono Ionx (token:ionx) es un icono SVG gratuito de la colección Web3 Icons de 0xa3k5. Está dibujado en una cuadrícula de 24 × 24. Web3 Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Web3 Icons
- Autor
- 0xa3k5
- Licencia
- MIT
- Tamaño
- 24 × 24
Código SVG
<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>Cómo usar el icono Ionx
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/token/ionx.svg" alt="Icono Ionx" width="24" height="24">El icono Ionx en otras colecciones
Preguntas frecuentes sobre Icono Ionx
¿El icono Ionx es gratis para uso comercial?
Sí. Web3 Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Ionx en React?
Instala @iconify/react y renderiza <Icon icon="token:ionx" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ionx a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/token/ionx.svg" alt="Icono Ionx">, o pega el código SVG en línea para darle estilo con CSS.