Inventree Dark アイコン
selfhst:inventree-dark
Inventree Dark アイコン(selfhst:inventree-dark)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- inventreedark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="m476.6 127.7l-.1-.2c-.1-.1-.1-.2-.2-.3v-.8h-1.1L257.4.4c-.9-.5-2-.5-2.8 0l-218 126.1l-.1.1c-.1 0-.1.1-.1.1c-.1.1-.3.2-.3.3l-.2.2c-.3.4-.5.8-.6 1.3v254.8c0 1 .5 1.9 1.4 2.5l218.1 125.9c.4.2.9.4 1.4.4s1-.1 1.4-.4l218.1-125.9c.9-.5 1.4-1.4 1.4-2.5V129c-.2-.5-.3-1-.5-1.3M90.7 354l162.4 93.7v56.5L40.8 381.7V133.9L89 162v189c0 1.2.7 2.4 1.7 3m168.1-96.6l103.4-60.1v120.6l-103.4 59.7zm-5.6 0v120.1l-103.4-59.7V197.3zm2.8-4.9l-103.4-60.1L256 132.5l103.4 59.9zm160.7 93.7l-48.9-28.6V192c0-.3-.1-.5-.2-.7l-.1-.3c-.1-.1-.1-.2-.1-.2c-.1-.1-.2-.3-.3-.4l-.2-.2c-.1-.1-.2-.2-.4-.3l-107.6-62.3v-57L416.7 162zM95.3 162l157.8-91.3v57L145.5 190l-.1.1l-.1.1c-.1.1-.3.2-.4.3l-.1.2c-.3.4-.5.8-.6 1.4v125.7l-48.8 28.5V162zm51.5 160.6l107.8 62.2c.9.5 2 .5 2.8 0l107.8-62.2l48 28L256 441.3L98.8 350.6zm112 125.1L421.3 354c1.1-.6 1.7-1.8 1.7-3V162l48.2-28.1v247.7L258.8 504.3zm161.7-290.8L257.7 62.7c-.5-.3-1.1-.5-1.7-.5s-1.2.2-1.7.5L91.5 156.9L43.6 129L256 6.1L468.4 129z"/></svg>Inventree Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:inventree-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:inventree-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:inventree-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--inventree-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:inventree-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:inventree-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/inventree-dark.svg" alt="Inventree Dark アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Inventree Dark アイコン のよくある質問
Inventree Dark アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Inventree Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:inventree-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Inventree Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/inventree-dark.svg" alt="Inventree Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。