Json5 アイコン
file-icons:json5
Json5 アイコン(file-icons:json5)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M321.1 131.907s-67.561-.396-123.73 0L184.43 240.08l38.965 9.16c9.877-13.375 60.838-23.193 54.973 28.663c0 0 .823 34.482-28.353 29.25c-18.596-3.334-20.513-23.745-20.513-23.745h-49.143c-1.517 78.906 153.806 93.532 147.085-12.343c-2.956-46.571-34.946-82.997-95.034-59.045l4.798-42.02h83.891zM85.054 370.206c-7.475-3.08-12.406-9.09-15.121-15.848c-5.85-17.852-3.926-36.156-3.926-55.685c-.153-20.158-11.021-37.037-27.043-45.072c29.763-14.217 27.602-39.89 27.043-74.586c-.224-15.641 5.877-36.088 19.047-42.019l-9.16-25.589c-34.39 10.38-52.18 30.421-52.341 67.608c-.937 13.476 1.703 28.763-1.309 41.436c-3.868 11.167-11.824 16.656-22.245 16.72v33.005c17.392.292 23.442 14.886 23.554 28.497c.247 16.868-1.181 36.017 2.617 51.323c7.935 25.346 15.36 37.248 49.724 45.944zm25.298-144.695c-17.845-9.35-17.845-32.85 0-42.2s40.273 2.4 40.273 21.1s-22.428 30.45-40.273 21.1m0 118.49c-17.845-9.35-17.845-32.851 0-42.201s40.272 2.4 40.272 21.1s-22.427 30.45-40.272 21.1m316.592 26.205c7.475-3.08 12.406-9.09 15.121-15.848c5.85-17.852 3.926-36.156 3.926-55.685c.153-20.158 11.021-37.037 27.043-45.072c-29.763-14.217-27.602-39.89-27.043-74.586c.224-15.641-5.877-36.088-19.047-42.019l9.16-25.589c36.39 19.04 52.18 30.421 52.341 67.608c.937 13.476-1.703 28.763 1.309 41.436c3.868 11.167 11.824 16.656 22.245 16.72v33.005c-17.392.292-23.442 14.886-23.554 28.497c-.247 16.868 1.182 36.017-2.617 51.323c-7.935 25.346-15.36 37.248-49.724 45.944zm-19.551-32.423c-.305 18.158-8.289 36.908-18.32 50.16q-5.38 7.27-11.63 12.65c-7.72-6.244-15.342-9.46-24.718-11.631c-1.835-14.834 11.3-22.193 13.958-33.15c2.8-16.065 1.6-32.038 1.6-49.143h39.255z"/></svg>Json5 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:json5" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:json5" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:json5" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--json5]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:json5"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:json5"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/json5.svg" alt="Json5 アイコン" width="24" height="24">Json5 アイコン のよくある質問
Json5 アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Json5 アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:json5" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Json5 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/json5.svg" alt="Json5 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。