ICONYZ
日本語
Material Symbols Light の Biotech Outline Rounded アイコン

Biotech Outline Rounded アイコン

material-symbols-light:biotech-outline-rounded

Biotech Outline Rounded アイコン(material-symbols-light:biotech-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
アクティビティ
タグ
biotech、chemistry、laboratory、microscope、research、science、technology、content、biotechoutline、outlinerounded、biotechoutlinerounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.885 19.5v-3h-.5q-1.868 0-3.184-1.316T5.885 12q0-1.386.799-2.523q.799-1.136 2.108-1.654q.046-1.023.878-1.586T11.434 6l-.397-1.067q-.126-.318.018-.606q.143-.288.466-.42l.198-.076l-.134-.365q-.093-.241.013-.468t.361-.321q.241-.087.472.016q.232.102.311.353l.135.365l.115-.038q.304-.112.602.035q.298.146.429.45l1.935 5.279q.13.303-.013.598q-.143.296-.447.427l-.14.057l.134.366q.092.246-.013.476t-.362.324q-.24.086-.471-.016q-.232-.102-.312-.353l-.134-.366l-.154.077q-.323.13-.634-.013q-.31-.144-.435-.472l-.365-1.046q-.299.427-.767.679t-1.007.24q-.626-.011-1.13-.366t-.758-.914q-.944.419-1.505 1.267T6.885 12q0 1.458 1.02 2.48q1.021 1.02 2.48 1.02h7q.212 0 .356.144t.144.357t-.144.356t-.356.143h-5.27v3h5.5q.213 0 .357.144t.143.357t-.143.356t-.357.143H6.386q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143zm2.919-9.642l1.285-.504l-1.854-5.123l-1.335.465zm-2.043-.98q.355-.354.355-.877t-.354-.877t-.876-.355t-.877.354t-.355.876t.353.877t.876.355t.878-.354M10.885 8"/></svg>

Biotech Outline Rounded アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:biotech-outline-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:biotech-outline-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:biotech-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--biotech-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:biotech-outline-rounded"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:biotech-outline-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/biotech-outline-rounded.svg" alt="Biotech Outline Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Biotech Outline Rounded アイコン

Biotech Outline Rounded アイコン のよくある質問

Biotech Outline Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Biotech Outline Rounded アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-symbols-light:biotech-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Biotech Outline Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/biotech-outline-rounded.svg" alt="Biotech Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコン をすべて見る →