Folder Src Tauri アイコン

Q: Folder Src Tauri アイコンは商用利用でも無料ですか?

はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

material-icon-theme:folder-src-tauri

Folder Src Tauri アイコン(material-icon-theme:folder-src-tauri)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Icon Theme
作者: Material Extensions
ライセンス: MIT
サイズ: 24 × 24
タグ: foldersrc、srctauri、foldersrctauri

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#455a64" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#ffca28" d="M13.579 8.276a.857.857 0 0 1-1.287.741a1 1 0 0 1-.177-.135a.857.857 0 0 1 .383-1.434a.858.858 0 0 1 1.08.827"/><path fill="#26c6da" d="M11.278 9.872a.857.857 0 1 0-.001 1.714a.857.857 0 0 0 .001-1.714"/><path fill="#ffca28" d="M14.498 11.02a3.3 3.3 0 0 1-1.13.46a2.3 2.3 0 0 0 .112-1.036a2.297 2.297 0 0 0 .261-4.227a2.3 2.3 0 0 0-2.887.72a3.8 3.8 0 0 0-1.255.365a3.275 3.275 0 0 1 6.399 1.096a3.27 3.27 0 0 1-1.5 2.623M9.637 7.898l.804.098a2.3 2.3 0 0 1 .101-.456a3.3 3.3 0 0 0-.905.358" clip-rule="evenodd"/><path fill="#26c6da" d="M9.498 7.984a3.3 3.3 0 0 1 1.138-.463a2.3 2.3 0 0 0-.129 1.039a2.3 2.3 0 0 0-1.431 1.503a2.297 2.297 0 0 0 2.226 2.957a2.3 2.3 0 0 0 1.844-.956a3.9 3.9 0 0 0 1.255-.363a3.277 3.277 0 0 1-5.106 1.633c-1.809-1.37-1.705-4.12.203-5.35m4.86 3.122l-.015.008z" clip-rule="evenodd"/></svg>

Folder Src Tauri アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="material-icon-theme:folder-src-tauri" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-icon-theme:folder-src-tauri" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-icon-theme:folder-src-tauri" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--folder-src-tauri]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:folder-src-tauri"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-icon-theme:folder-src-tauri"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-icon-theme/folder-src-tauri.svg" alt="Folder Src Tauri アイコン" width="24" height="24">

Material Icon Theme の関連アイコン

Folder Src Tauri アイコンのよくある質問

Folder Src Tauri アイコンは商用利用でも無料ですか?

はい。Material Icon Theme icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Folder Src Tauri アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-icon-theme:folder-src-tauri" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Folder Src Tauri アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/folder-src-tauri.svg" alt="Folder Src Tauri アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Icon Theme アイコンをすべて見る →