Icono Jsx Atom

file-icons:jsx-atom

El icono Jsx Atom (file-icons:jsx-atom) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 512. File Icons se publican bajo la licencia ISC, 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: File Icons
Autor: John Gardner
Licencia: ISC
Tamaño: 512 × 512
Etiquetas: jsxatom

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M300.703 254.826c0-35.044-37.946-57.065-68.14-39.543c-30.192 17.521-30.192 61.564 0 79.086c30.194 17.521 68.14-4.5 68.14-39.543m104.01-84.17c30.06-143.69-36.073-188.782-148.5-84.772c-105.814-99.2-181.166-67.937-149.102 84.17c-147.86 44.576-138.064 128.486 1.203 171.347c-31.864 140.083 27.656 191.186 147.899 85.372C372.848 531.384 434.75 482.405 402.909 340.8c151.907-51.504 138.28-126.054 1.804-170.143m-20.441-5.411c-23.831-5.376-46.89-9.289-70.343-11.424c-12.356-18.067-26.748-36.115-43.287-52.906c90.138-86.46 143.263-59.445 113.63 64.33M151.602 282.48c8.917 19.039 20.641 36.474 29.459 51.104c-14.359-1.469-29.827-3.699-46.294-6.614a1307 1307 0 0 1 16.834-44.49m-1.203-51.704c-6.56-15.746-12.545-30.943-17.435-45.091c16.998-3.524 33.656-6.723 48.097-7.816c-10.748 16.884-20.957 34.537-30.662 52.907m12.625 26.453c14.702-29.443 30.254-57.391 47.496-82.366c30.594-1.76 60.863-1.604 90.784.601c16.781 23.383 32.443 51.33 47.496 81.765c-11.264 23.278-27.259 50.104-45.692 78.76c-30.778 2.33-62.336 2.008-94.391 0c-16.247-24.89-31.505-51.107-45.693-78.76m197.199 25.251c5.838 14.167 11.233 28.606 16.233 43.288a455 455 0 0 1-45.693 7.215c10.295-15.95 20.06-32.885 29.46-50.503m-29.46-104.61c16.393 2.243 32.229 5.045 47.496 8.416a484 484 0 0 1-17.435 44.49c-9.306-18.354-19.297-36.019-30.06-52.907m-46.293-26.454c-18.725-.735-37.773-.711-57.116 0c8.468-11.137 17.906-22.77 28.258-34.87c10.087 10.888 19.645 22.608 28.858 34.87m-43.288-50.502c-16.539 16.791-30.93 34.238-43.287 52.305c-23.453 2.135-47.113 6.048-70.943 11.423c-28.258-125.654 24.093-150.189 114.23-63.728M113.725 321.56c-125.253-37.676-119.241-96.394-1.203-131.064c7.221 21.91 15.962 44.163 25.853 65.532c-9.61 22.1-18.119 44.797-24.65 65.532m15.631 25.251c21.243 5.211 43.755 7.712 67.337 10.221c14.188 20.024 28.882 38.64 44.49 54.71c-91.786 87.978-142.953 56.014-111.827-64.93m126.256 49.901c-10.877-11.263-21.032-24.025-30.662-37.876c21.467.452 42.2.502 61.925 0a322 322 0 0 1-31.263 37.876m15.03 15.03c16.747-18.195 31.51-36.64 44.49-55.311c22.154-1.63 44.6-5.034 67.336-10.22c31.408 128.733-25.62 147.742-111.826 65.532m126.856-91.384c-6.44-20.735-14.572-42.23-24.048-64.33a611 611 0 0 0 25.25-64.931c115.234 34.87 124.452 90.583-1.202 129.261"/></svg>

Cómo usar el icono Jsx Atom

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:jsx-atom"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/file-icons/jsx-atom.svg" alt="Icono Jsx Atom" width="24" height="24">

Iconos relacionados en File Icons

Preguntas frecuentes sobre Icono Jsx Atom

¿El icono Jsx Atom es gratis para uso comercial?

Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Jsx Atom en React?

Instala @iconify/react y renderiza <Icon icon="file-icons:jsx-atom" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Jsx Atom a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/jsx-atom.svg" alt="Icono Jsx Atom">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los File Icons →