Bench Jsx アイコン
material-icon-theme:bench-jsx
Bench Jsx アイコン(material-icon-theme:bench-jsx)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- benchjsx
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#00bcd4" d="M6.915 9.906q.42.413 1.084.404t.98-.472l3.92-5.775l-5.88 3.85q-.472.309-.498.945t.394 1.048M7.999 2q1.033 0 1.987.284q.953.283 1.793.85l-1.33.825q-.577-.292-1.198-.438q-.622-.146-1.252-.146q-2.327 0-3.963 1.607T2.4 8.875q0 .722.201 1.427q.201.704.569 1.323h9.659q.402-.653.586-1.358t.184-1.46q0-.62-.149-1.204t-.446-1.134l.84-1.307q.525.808.831 1.72q.306.91.324 1.89q.017.98-.228 1.873q-.245.894-.717 1.702q-.193.31-.525.481q-.333.172-.7.172h-9.66q-.367 0-.7-.172t-.524-.481q-.455-.774-.7-1.642T1 8.875q0-1.427.551-2.673T3.056 4.02q.954-.937 2.231-1.479Q6.565 2 8 2zm.123 5.38"/></svg>Bench Jsx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:bench-jsx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:bench-jsx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:bench-jsx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--bench-jsx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:bench-jsx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:bench-jsx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/bench-jsx.svg" alt="Bench Jsx アイコン" width="24" height="24">Material Icon Theme の関連アイコン
Bench Jsx アイコン のよくある質問
Bench Jsx アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bench Jsx アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:bench-jsx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bench Jsx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/bench-jsx.svg" alt="Bench Jsx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。