Tauri アイコン
material-icon-theme:tauri
Tauri アイコン(material-icon-theme:tauri)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 256 × 256 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#ffca28" d="M165.09 99.183a20.153 20.153 0 0 1-34.401 14.25a20.152 20.152 0 1 1 34.4-14.25z"/><path fill="#26c6da" d="M111.04 136.74c-11.13 0-20.152 9.022-20.152 20.151c0 11.13 9.022 20.152 20.152 20.152c11.129 0 20.152-9.022 20.152-20.152c0-11.129-9.023-20.15-20.152-20.15z"/><path fill="#ffca28" d="M186.7 163.76a77 77 0 0 1-26.564 10.81a54.04 54.04 0 0 0 2.657-24.366a54.05 54.05 0 0 0 33.856-35.246a54.04 54.04 0 0 0-27.73-64.21a54.044 54.044 0 0 0-67.863 16.927a89.8 89.8 0 0 0-29.495 8.61a76.94 76.94 0 0 1 86.49-53.058a76.94 76.94 0 0 1 63.888 78.829a76.94 76.94 0 0 1-35.24 61.706zM72.48 90.298l18.869 2.29a54 54 0 0 1 2.381-10.717a77 77 0 0 0-21.25 8.427" clip-rule="evenodd"/><path fill="#26c6da" d="M69.182 92.314a76.9 76.9 0 0 1 26.747-10.9a53.95 53.95 0 0 0-3.023 24.457a54.05 54.05 0 0 0-33.64 35.358a54.04 54.04 0 0 0 52.354 69.6a54.04 54.04 0 0 0 43.298-22.52a89.8 89.8 0 0 0 29.495-8.518a76.94 76.94 0 0 1-50.002 50.423a76.94 76.94 0 0 1-69.992-11.992A76.944 76.944 0 0 1 69.18 92.315zm114.22 73.462l-.366.183z" clip-rule="evenodd"/></svg>
Tauri アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:tauri" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:tauri" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:tauri" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--tauri]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme: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:tauri"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/tauri.svg" alt="Tauri アイコン" width="24" height="24">
Tauri アイコン のよくある質問
Tauri アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tauri アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:tauri" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tauri アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/tauri.svg" alt="Tauri アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Icon Theme アイコン をすべて見る →
ICONYZ
