Ikon Jsx
file-icons:jsx
Ikon Jsx (file-icons:jsx) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 512 × 512. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- File Icons
- Pembuat
- John Gardner
- Lisensi
- ISC
- Ukuran
- 512 × 512
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/file-icons/jsx.svg" alt="Ikon Jsx" width="24" height="24">Ikon terkait di File Icons
Ikon Jsx di set ikon lain
FAQ Ikon Jsx
Apakah ikon Jsx gratis untuk penggunaan komersial?
Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Jsx di React?
Pasang @iconify/react lalu render <Icon icon="file-icons:jsx" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Jsx ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/jsx.svg" alt="Ikon Jsx">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.