Ícone Jsx

file-icons:jsx

O ícone Jsx (file-icons:jsx) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 512. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: File Icons
Autor: John Gardner
Licença: ISC
Tamanho: 512 × 512

Baixar 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="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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em File Icons

O ícone Jsx em outras coleções

Perguntas frequentes sobre Ícone Jsx

O ícone Jsx é grátis para uso comercial?

Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Jsx no React?

Instale @iconify/react e renderize <Icon icon="file-icons:jsx" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Jsx a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/jsx.svg" alt="Ícone Jsx">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os File Icons →