Science Molecule アイコン
streamline-ultimate:science-molecule
Science Molecule アイコン(streamline-ultimate:science-molecule)は、Ultimate free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 科学
- タグ
- sciencemolecule
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9.759 12.009a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 0 0-4.5 0"/><path d="M1.403 22.616c.984.985 3.046.812 5.731-.481s5.775-3.6 8.588-6.413s5.12-5.902 6.412-8.587c1.293-2.686 1.466-4.747.482-5.732c-.985-.984-3.046-.811-5.732.482c-2.685 1.293-5.774 3.6-8.587 6.412c-2.813 2.813-5.12 5.902-6.413 8.588s-1.466 4.747-.481 5.731"/><path d="M8.297 15.722a40 40 0 0 0 4.341 3.777c1.474 1.1 2.917 1.996 4.246 2.636s2.52 1.012 3.504 1.095c.983.082 1.74-.126 2.228-.614c.487-.487.696-1.244.613-2.228c-.082-.983-.455-2.174-1.095-3.503s-1.536-2.773-2.636-4.246a40 40 0 0 0-3.776-4.342a40 40 0 0 0-4.342-3.776c-1.473-1.1-2.916-1.996-4.246-2.636S4.614.872 3.631.79s-1.74.126-2.228.613C.915 1.891.707 2.648.789 3.631c.083.984.455 2.174 1.095 3.504S3.42 9.907 4.521 11.38a40 40 0 0 0 3.776 4.341"/></g></svg>Science Molecule アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate:science-molecule" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate:science-molecule" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate:science-molecule" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate--science-molecule]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate -->
<div class="i-streamline-ultimate:science-molecule"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate:science-molecule"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate/science-molecule.svg" alt="Science Molecule アイコン" width="24" height="24">Ultimate free icons の関連アイコン
他のアイコンセットの Science Molecule アイコン
Science Molecule アイコン のよくある質問
Science Molecule アイコンは商用利用でも無料ですか?
はい。Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Science Molecule アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate:science-molecule" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Science Molecule アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate/science-molecule.svg" alt="Science Molecule アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。