Nickle アイコン
file-icons:nickle
Nickle アイコン(file-icons:nickle)は、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="M470.77 116.25C364.03-48.63 117.59-35.665 28.243 139.53s44.802 382.416 240.888 372.1S577.51 281.13 470.77 116.25M267.49 479.138C96.299 488.145-20.82 307.233 57.185 154.278C131.787 7.996 331.83-8.73 430.657 116.01l-31.861 70.838c-31.422-8.19-76.092-8.587-105.509 39.154c-22.056 35.795-25.735 99.336 26.518 136.467l-30.515 67.845l27.668 12.494l29.875-66.421c24.55 6.656 61.495.347 88.722-6.911v-32.273c-13.646 7.524-50.32 13.399-74.31 7.143l51.752-115.064c13.393 5.278 22.558 10.837 22.558 10.837V201.68l-8.203-4.315l23.263-51.72c80.78 142.444-16.526 324.728-183.124 333.492M334.275 330.3c-48.436-30.947-15.818-125.922 49.146-109.266zM163.302 96.544h92.908v31.03h-65.935l-15.984 35.034s81.919 21.02 81.919 82.08v45.044c0 14.957-6.635 94.09-83.917 94.09H96.37v-33.031h71.928c36.15 0 50.95-38.99 50.95-61.06v-45.043c0-38.037-90.91-53.052-90.91-53.052v-29.028z"/></svg>Nickle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:nickle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:nickle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:nickle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--nickle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:nickle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:nickle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/nickle.svg" alt="Nickle アイコン" width="24" height="24">Nickle アイコン のよくある質問
Nickle アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nickle アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:nickle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nickle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/nickle.svg" alt="Nickle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。