Ikon Jsx Atom
file-icons:jsx-atom
Ikon Jsx Atom (file-icons:jsx-atom) 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
- Tag
- jsxatom
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/file-icons/jsx-atom.svg" alt="Ikon Jsx Atom" width="24" height="24">Ikon terkait di File Icons
FAQ Ikon Jsx Atom
Apakah ikon Jsx Atom 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 Atom di React?
Pasang @iconify/react lalu render <Icon icon="file-icons:jsx-atom" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Jsx Atom ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/jsx-atom.svg" alt="Ikon Jsx Atom">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.