Devicetree アイコン
file-icons:devicetree
Devicetree アイコン(file-icons:devicetree)は、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="M424.884 251.413c-18.928 24.861-57.117 21.013-71.257-5.95l-51.002 28.314V428.19h83.338v7.049h-262.81v-7.049h85.448v-68.663l-52.153-28.953c-16.215 24.197-52.991 24.673-69.455-.687c-17.403-26.808.84-62.546 32.761-64.174c30.647-1.563 52.011 29.43 40.821 57.072l56.067 31.572v73.833h35.762V272.426l-67.777-38.212c-19.473 22.084-56.336 17.313-69.008-10.368c-13.303-29.061 9.963-61.753 41.779-58.703c30.262 2.9 46.842 36.08 32.461 61.698l62.545 35.812v-70.02c-30.315-2.893-47.665-37.083-31.198-63.424c16.942-27.101 57.088-25.742 72.09 2.44c14.14 26.567-3.973 58.342-32.851 60.998v235.542h34.139V268.61l55.734-31.386c-8.223-28.57 15.575-57.502 46.146-53.575c32.296 4.148 48.122 41.886 28.42 67.765m48.179-120.281v78.546H512v7.049h-38.937v78.546H512v7.049h-38.937v78.546H512v7.049h-38.937v85.584h-85.147V512h-7.049v-38.499h-78.545V512h-7.049v-38.499h-78.546V512h-7.049v-38.499h-78.546V512h-7.048v-38.499H40.08v-85.584H0v-7.049h40.081v-78.546H0v-7.049h40.081v-78.546H0v-7.048h40.081v-78.546H0v-7.049h40.081V40.52h84.002V0h7.049v40.52h78.546V0h7.049v40.52h78.546V0h7.049v40.52h78.545V0h7.049v40.52h85.147v83.564H512v7.048zm-7.049-83.564H47.13v418.885h418.884z"/></svg>Devicetree アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:devicetree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:devicetree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:devicetree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--devicetree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:devicetree"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:devicetree"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/devicetree.svg" alt="Devicetree アイコン" width="24" height="24">Devicetree アイコン のよくある質問
Devicetree アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Devicetree アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:devicetree" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Devicetree アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/devicetree.svg" alt="Devicetree アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。