Binder アイコン
file-icons:binder
Binder アイコン(file-icons:binder)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 401 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 401 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="401" height="512" viewBox="0 0 401 512"><path fill="currentColor" d="M187.108 119.54c44.683 14.08 79.79 49.388 93.925 93.986c-20.201-3.46-41.02-2.548-61.815 2.569c-5.46-10.045-12.708-18.98-21.563-26.113c-15.814-23.532-19.29-48.414-10.547-70.441M256.062 0C122.05 4.043 65.35 158.182 156.869 247.492c14.914-12.844 31.932-21.611 50.516-27.825c-72.735-67.365-26.535-160.744 48.777-161.434c87.548.904 118.727 113.81 43.523 159.527c20.91 6.047 39.897 16.213 56.2 29.755C451.75 151.462 382.03 1.523 256.062 0m144.244 367.53C399.25 209.841 176.65 160.701 118.77 325.858c26.838 9.3 48.866 3.467 68.468-9.265c54.924-68.77 154.868-27.232 154.868 50.935c-1.936 83.953-110.092 122.496-161.012 40.65c-19.967 4.83-40.559 5.9-61.92 2.332c55.797 160.53 277.556 118.95 281.133-42.982M104.634 180.702a154.5 154.5 0 0 1-2.348-61.588C43.216 137.067 0 191.782 0 256.64c5.85 168.8 230.13 196.52 281.465 41.915c-23.671-10.099-54.44-3.138-70.25 11.028c-49.046 56.158-111.798 32.909-138.468-6.07c-26.136-38.2-19.048-91.56 31.887-122.811"/></svg>Binder アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:binder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:binder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:binder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--binder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:binder"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:binder"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/binder.svg" alt="Binder アイコン" width="24" height="24">Binder アイコン のよくある質問
Binder アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Binder アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:binder" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Binder アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/binder.svg" alt="Binder アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。