Textile アイコン
file-icons:textile
Textile アイコン(file-icons:textile)は、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="M512 96.05c0-13.342-10.77-24.113-24.113-24.113H24.113C10.77 71.937 0 82.707 0 96.05v319.9c0 13.342 10.77 24.113 24.113 24.113h463.774c13.342 0 24.113-10.77 24.113-24.113zM195.557 352.211q-6.029 3.496-13.745 6.51c-5.144 2.09-10.77 3.778-16.879 5.145s-12.458 2.09-19.13 2.09c-14.95 0-26.122-3.859-33.436-11.655c-7.315-7.797-11.092-20.336-11.092-37.697V211.793H73.947V198.37c8.841-5.627 17.683-9.645 27.328-12.057v-27.89c1.607-1.367 6.43-3.457 13.664-6.109s15.432-4.823 24.354-6.43h11.815v44.207h45.011v21.702h-45.01v88.977c0 14.146 1.687 23.952 5.304 29.418c3.537 5.465 9.404 8.198 17.683 8.198c4.1 0 8.761-.321 13.905-.884s9.887-1.688 14.307-3.295l2.412 11.333c-2.09 2.17-5.144 4.34-9.163 6.671m84.797 4.983c-5.546 4.903-12.619 7.395-21.3 7.395c-8.76 0-15.754-2.492-20.978-7.395c-5.305-4.903-7.877-11.494-7.877-19.772s2.652-14.87 7.877-19.934c5.305-5.064 12.298-7.555 20.978-7.555s15.835 2.491 21.3 7.555s8.279 11.735 8.279 19.934c0 8.198-2.733 14.789-8.279 19.772"/></svg>Textile アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:textile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:textile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:textile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--textile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:textile"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:textile"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/textile.svg" alt="Textile アイコン" width="24" height="24">Textile アイコン のよくある質問
Textile アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Textile アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:textile" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Textile アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/textile.svg" alt="Textile アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。