Icono Jsx
file-icons:jsx
El icono Jsx (file-icons:jsx) 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m321.957 275.592l47.673 88.815l-50.938 93.388h35.918l35.265-62.694l35.265 62.694h35.918l-50.938-93.388l47.02-88.815h-35.918l-31.347 58.122l-31.347-58.122zm-99.265 3.918c38.667-14.19 68.354 3.918 77.061 24.816l-28.081 18.286c-4.152-7.493-13-15.154-23.215-15.702c-9.265-.496-17.876 4.346-18.151 16.875c.55 18.255 24.554 18.253 53.338 36.486c21.088 13.359 25.037 23.569 26.986 42.023c1.445 13.678-1.128 37.311-28.04 49.253c-29.281 12.994-81.242 8.257-99.081-30.977l29.388-16.98c14.693 27.92 52.802 27.852 60.284 9.465c7.307-17.954-14.734-24.974-42.086-37.103c-11.897-6.135-30.307-15.799-35.83-39.408c-4.17-17.818-.45-44.74 27.427-57.034M82.285 406.856l-30.04 18.286c12.516 23.619 32.66 34.331 57.469 33.632c31.832-.897 49.165-18.985 52.897-46.693V276.898H126.04v131.917s-1.755 9.735-7.347 13.388c-6.122 4-15.515 3.43-20 1.878c-8.49-2.94-16.408-17.225-16.408-17.225M512 454.53V57.471C511.32 30.223 493.804.56 454.528 0H57.469C27.102-.227.403 23.535 0 57.472V454.53c.403 33.937 27.102 57.699 57.469 57.47h397.059c39.276-.56 56.791-30.222 57.472-57.47m-30.044 0c-.257 10.97-5.69 25.19-27.428 26.776H57.469c-14.287-.112-26.453-9.79-26.775-26.776V57.471c.322-16.987 12.488-26.664 26.775-26.776h397.059c21.737 1.586 27.17 15.805 27.428 26.776z"/></svg>Cómo usar el icono Jsx
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:jsx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:jsx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:jsx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--jsx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:jsx"></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"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/jsx.svg" alt="Icono Jsx" width="24" height="24">Iconos relacionados en File Icons
El icono Jsx en otras colecciones
Preguntas frecuentes sobre Icono Jsx
¿El icono Jsx 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 en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:jsx" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Jsx 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.svg" alt="Icono Jsx">, o pega el código SVG en línea para darle estilo con CSS.