Bro アイコン
file-icons:bro
Bro アイコン(file-icons:bro)は、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="M486.86 219.843c-13.819-5.004-34.053-26.813-73.476-40.252c-33.036-11.262-80.49-18.214-130.98-20.445C51.115 148.923 0 261.374 0 261.374s63.892 61.336 185.288 76.032c22.823 2.762 92.465 17.662 118.84 15.972c45.142-2.89 47.28-.638 94.561-33.224c43.554-30.017 68.28-5.944 100.311-26.834c29.39-19.168 1.68-68.473-12.14-73.477m-259.74 18.415c-12.082 0-21.877-9.474-21.877-21.16s9.795-21.159 21.877-21.159s21.876 9.474 21.876 21.16s-9.794 21.159-21.876 21.159m58.848 45.718c-6.91 0-12.512-5.418-12.512-12.102s5.602-12.102 12.512-12.102s12.512 5.419 12.512 12.102s-5.602 12.102-12.512 12.102m-68.963-96.603c-23.945 13.584-37.97 38.768-37.97 67.553c0 31.693 19.525 58.92 47.545 71.215c-18.825 1.335-37.494 1.593-55.597.292c-99.979-7.187-163.955-67.615-163.955-67.615s66.939-77.626 209.977-71.445m266.022 104.03c-2.785.446-41.105-7.625-88.814 3.955c-24.897 6.043-52.468 12.761-81.16 18.476c16.993-14.341 27.781-35.385 27.781-58.908c0-19.983-7.813-38.158-20.563-51.985c6.147 1.81 12.482 3.761 19.403 5.853c60.99 18.431 105.273 39.07 122.554 35.614c6.515-1.304 8.746-5.884 12.378-5.864c10.798.059 14.828 11.884 20.565 20.49c7.667 11.5-.723 30.54-12.144 32.369"/></svg>Bro アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:bro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:bro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:bro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--bro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:bro"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:bro"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/bro.svg" alt="Bro アイコン" width="24" height="24">File Icons の関連アイコン
Bro アイコン のよくある質問
Bro アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bro アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:bro" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bro アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/bro.svg" alt="Bro アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。