Nokogiri アイコン
file-icons:nokogiri
Nokogiri アイコン(file-icons:nokogiri)は、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="m236.906 22.101l52.555 20.794h143.402l20.714-25.6l50.987 36.753c-3.718 4.276-9.029 7.967-19.651 9.056v93.238c-1.834 4.542-19.46 13.981-47.27 12.455v-22.334H282.051v90.822h74.357v-75.127l64.213 6.08c-1.036 7.437-5.79 12.243-18.032 14.82v54.227h32.399l27.644-35.957L512 244.216c-1.089 5.869-6.878 8.471-13.81 8.471h-95.6v79.668h25.998l22.864-24.91l48.359 37.152c-2.656 3.692-9.587 7.356-18.111 8.87v129.301c-.6 4.079-27.357 14.484-48.28 12.827v-30.964H329.296v23.449c-1.107 5.804-24.41 16.79-46.766 14.977V311.774l49.421 20.581h24.458v-79.668h-75.534c-5.311 86.068-27.556 179.678-101.355 247.688l-7.436-5.311c15.934-25.122 28.123-51.838 37.178-80.093c-37.178 19.014-87.634 44.348-154.556 74.197c-2.124 6.427-6.904 10.65-12.215 12.827l-31.868-57.096c17.527-3.292 47.27-9.268 82.882-16.89V260.655h-72.79L16.49 245.25h77.013v-64.77H54.705l-4.249-14.898c-13.809 14.898-28.654 27.858-44.11 38.719L0 199.655C39.303 149.942 76.481 63.635 89.228 8.743l65.355 21.378c-1.62 6.374-7.49 10.118-20.767 10.649c131.744 40.923 82.881 114.403 46.765 86.6c-8.498-20.688-27.618-49.9-52.554-75.42c-18.112 36.62-44.668 77.544-77.013 113.102h86.546l24.99-35.027s27.591 24.564 44.587 41.958c-1.62 5.843-6.931 8.498-14.34 8.498h-56.804v64.77h18.59l24.378-34.177s28.176 24.352 44.667 41.108c-1.62 5.87-6.4 8.472-13.835 8.472h-73.8V418.21c24.379-5.444 50.935-11.42 77.49-17.315c13.449-37.1 26.004-102.918 23.423-378.795m92.389 325.152v101.949H433.42V347.253zM282.05 58.323v72.738h155.592V58.324zM35.081 286.839c79.11 72.365 33.965 144.438 3.69 107.127c4.276-33.222-2.655-75.127-10.622-105.48zm112.013 102.984c5.869-27.007 12.242-68.833 16.491-106.224l56.299 17.341c-2.656 5.975-8.498 10.835-19.678 11.366c-12.19 28.017-28.123 58.848-44.057 81.182z"/></svg>Nokogiri アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:nokogiri" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:nokogiri" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:nokogiri" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--nokogiri]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:nokogiri"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:nokogiri"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/nokogiri.svg" alt="Nokogiri アイコン" width="24" height="24">Nokogiri アイコン のよくある質問
Nokogiri アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nokogiri アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:nokogiri" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nokogiri アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/nokogiri.svg" alt="Nokogiri アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。