Jsx icon
file-icons:jsx
The Jsx icon (file-icons:jsx) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<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>How to use the Jsx icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/jsx.svg" alt="Jsx icon" width="24" height="24">Related icons in File Icons
Jsx icon in other icon sets
Jsx icon FAQ
Is the Jsx icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Jsx icon in React?
Install @iconify/react and render <Icon icon="file-icons:jsx" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jsx icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/jsx.svg" alt="Jsx icon">, or paste the SVG code inline to style it with CSS.