Boo アイコン
file-icons:boo
Boo アイコン(file-icons:boo)は、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="M59.79 284.14v-27.576s24.14-9.942 25.049 7.948c.778 15.292-25.05 19.628-25.05 19.628m1.718 62.42v-32.17s32.883-10.598 32.883 9.249c0 15.451-32.883 22.92-32.883 22.92m388.268-141.54c0 13.16-13.48 28.654-29.385 28.654s-29.823-12.573-29.823-28.362c0-13.16 11.392-33.294 32.747-32.747c22.806.585 26.46 19.294 26.46 32.455M241.466 224.23c-21.355-.547-32.747 19.587-32.747 32.747c0 15.79 13.917 28.362 29.823 28.362s29.384-15.494 29.384-28.654s-3.654-31.87-26.46-32.455"/><path fill="currentColor" d="M22.917 235.269s15.743-4.642 43.616-13.813c7.069-2.325 30.047-7.285 48.783 1.444c25.18 11.732 33.05 53.079-5.662 64.506c0 0 36.422 1.306 40.531 27.02c6.113 38.252-26.463 54.599-44.602 59.47c-23.813 6.394-64.948 17.825-81.712 21.535V512h59.382l9.643-7.864l7.602 7.864h106.366l9.643-7.864l7.602 7.864h104.65l9.642-7.864l7.602 7.864h104.65l9.642-7.864l7.602 7.864h21.186V257.207l-.041-.18c-51.933 61.755-140.812 34.957-154.312-27.707c-13.365-62.035 46.054-132.154 125.069-109.766c-1.908-4.268-55.67-115.448-206.373-119.52c-31.003-.839-160.21 13.25-214.527 149.3c-9.708 24.316-15.871 52.09-15.982 85.935M307.6 309.027c-65.069 61.332-142.919 31.974-155.784-31.032c-10.92-53.484 33.065-100.449 72.242-108.857c52.384-11.244 84.503 14.739 98.302 54.099c16.705 47.65-14.76 85.79-14.76 85.79"/></svg>Boo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:boo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:boo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:boo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--boo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:boo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:boo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/boo.svg" alt="Boo アイコン" width="24" height="24">他のアイコンセットの Boo アイコン
Boo アイコン のよくある質問
Boo アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Boo アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:boo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/boo.svg" alt="Boo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。