Science Molecule Strucutre Bold アイコン
streamline-ultimate:science-molecule-strucutre-bold
Science Molecule Strucutre Bold アイコン(streamline-ultimate:science-molecule-strucutre-bold)は、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、moleculestrucutre、strucutrebold、sciencemoleculestrucutrebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.24 5.46l-3-1.72a1.5 1.5 0 0 0-1.49 0l-2.6 1.49a.47.47 0 0 1-.43 0l-3.41-1.31a.5.5 0 0 1-.31-.47V2.12A1.23 1.23 0 0 0 9.31 1L7.56.13a1.29 1.29 0 0 0-1.12 0L4.69 1A1.23 1.23 0 0 0 4 2.12v2.17a1.24 1.24 0 0 0 .68 1.11l1.75.9a1.23 1.23 0 0 0 1.14 0l1.25-.64a.5.5 0 0 1 .41 0L12.69 7a.5.5 0 0 1 .31.47v2.21a1.48 1.48 0 0 0 .76 1.3l1.61.93a.24.24 0 0 1 .13.2a.25.25 0 0 1-.1.21l-3.21 2.38a.5.5 0 0 1-.54 0l-3.42-1.9a1.51 1.51 0 0 0-1.46 0l-4 2.22A1.53 1.53 0 0 0 2 16.37v3.91a1.5 1.5 0 0 0 .77 1.31l4 2.22a1.5 1.5 0 0 0 1.46 0l4-2.22a1.5 1.5 0 0 0 .77-1.31v-3.44a.51.51 0 0 1 .2-.4a71 71 0 0 1 8-5.46a1.48 1.48 0 0 0 .8-1.3V6.76a1.48 1.48 0 0 0-.76-1.3m-14-1.23a.53.53 0 0 1-.46 0L6.27 4A.49.49 0 0 1 6 3.53V2.9a.5.5 0 0 1 .28-.45l.5-.25a.49.49 0 0 1 .44 0l.5.25A.5.5 0 0 1 8 2.9v.63a.49.49 0 0 1-.27.47ZM11 19.69a.51.51 0 0 1-.26.44l-3 1.66a.46.46 0 0 1-.48 0l-3-1.66a.51.51 0 0 1-.26-.44V17a.48.48 0 0 1 .26-.43l3-1.67a.51.51 0 0 1 .48 0l3 1.67A.48.48 0 0 1 11 17ZM20 9.1a.5.5 0 0 1-.25.43l-2 1.15a.55.55 0 0 1-.5 0l-2-1.15A.5.5 0 0 1 15 9.1V7.34a.52.52 0 0 1 .25-.44l2-1.14a.52.52 0 0 1 .5 0l2 1.15a.5.5 0 0 1 .25.43Z"/></svg>Science Molecule Strucutre Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate:science-molecule-strucutre-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate:science-molecule-strucutre-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate:science-molecule-strucutre-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate--science-molecule-strucutre-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate -->
<div class="i-streamline-ultimate:science-molecule-strucutre-bold"></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-strucutre-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate/science-molecule-strucutre-bold.svg" alt="Science Molecule Strucutre Bold アイコン" width="24" height="24">Ultimate free icons の関連アイコン
Science Molecule Strucutre Bold アイコン のよくある質問
Science Molecule Strucutre Bold アイコンは商用利用でも無料ですか?
はい。Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Science Molecule Strucutre Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate:science-molecule-strucutre-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Science Molecule Strucutre Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate/science-molecule-strucutre-bold.svg" alt="Science Molecule Strucutre Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。