Jsx Alt アイコン
file-icons:jsx-alt
Jsx Alt アイコン(file-icons:jsx-alt)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
- タグ
- jsxalt
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M454.528.002H57.47C27.103-.228.404 23.534.001 57.471v397.058c.404 33.937 27.102 57.698 57.469 57.469h397.058c39.276-.56 56.791-30.222 57.472-57.469V57.471C511.32 30.224 493.805.56 454.528.002M155.886 415.331c-3.998 29.688-22.571 49.07-56.68 50.031c-26.581.75-48.166-10.729-61.578-36.037l32.189-19.593c.005.01 8.486 15.307 17.58 18.456c4.805 1.664 14.87 2.274 21.43-2.012c5.992-3.913 7.873-14.344 7.873-14.344v-141.35h39.186zm128.558 42.286c-31.375 13.922-87.052 8.848-106.166-33.191l31.488-18.194c15.745 29.915 56.579 29.843 64.595 10.141c7.83-19.238-15.788-26.76-45.097-39.757c-12.747-6.574-32.472-16.927-38.393-42.226c-4.467-19.09-.48-47.938 29.39-61.112l.003.002c41.43-15.204 73.24 4.199 82.57 26.59l-30.09 19.594c-4.449-8.028-13.93-16.237-24.875-16.824c-9.926-.533-19.154 4.656-19.449 18.08c.59 19.56 26.31 19.558 57.153 39.096c22.595 14.313 26.826 25.253 28.916 45.027c1.548 14.656-1.21 39.979-30.045 52.774m152.743 6.694l-37.786-67.176l-37.787 67.177h-38.486l54.58-100.064l-51.082-95.167h39.189l33.587 62.277l33.587-62.278h38.486l-50.382 95.167l54.58 100.064z"/></svg>Jsx Alt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:jsx-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:jsx-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:jsx-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--jsx-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:jsx-alt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:jsx-alt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/jsx-alt.svg" alt="Jsx Alt アイコン" width="24" height="24">File Icons の関連アイコン
Jsx Alt アイコン のよくある質問
Jsx Alt アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jsx Alt アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:jsx-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jsx Alt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/jsx-alt.svg" alt="Jsx Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。