Science Molecule Bold アイコン
streamline-ultimate:science-molecule-bold
Science Molecule Bold アイコン(streamline-ultimate:science-molecule-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、moleculebold、sciencemoleculebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.94 11.69c1.64-2 2.38-4.08 1.45-5.69s-3.08-2-5.65-1.59a.49.49 0 0 1-.54-.31C15.27 1.67 13.86 0 12 0S8.73 1.67 7.8 4.1a.49.49 0 0 1-.54.31C4.69 4 2.54 4.39 1.61 6s-.19 3.67 1.45 5.69a.48.48 0 0 1 0 .62C1.42 14.33.68 16.39 1.61 18c.7 1.22 2.11 1.74 3.88 1.74a11 11 0 0 0 1.77-.15a.49.49 0 0 1 .54.31c.93 2.43 2.34 4.1 4.2 4.1s3.27-1.67 4.2-4.1a.49.49 0 0 1 .54-.31a11 11 0 0 0 1.77.15c1.77 0 3.18-.52 3.88-1.74c.93-1.61.19-3.67-1.45-5.69a.48.48 0 0 1 0-.62M3.34 7c.27-.47 1-.75 2.19-.75a8 8 0 0 1 1 .07a.5.5 0 0 1 .47.59c-.12.59-.22 1.19-.3 1.81a.45.45 0 0 1-.19.33c-.49.38-1 .77-1.42 1.16a.47.47 0 0 1-.38.12a.5.5 0 0 1-.35-.19C3.33 8.76 3 7.6 3.34 7m3.57 10.48a.47.47 0 0 1-.34.2c-1.71.21-2.88-.07-3.23-.68s0-1.76 1-3.14a.5.5 0 0 1 .35-.19a.47.47 0 0 1 .38.12c.45.39.93.78 1.42 1.16a.45.45 0 0 1 .19.33c.08.62.18 1.22.3 1.81a.46.46 0 0 1-.07.39m2.88-13C10.47 2.87 11.3 2 12 2s1.53.87 2.21 2.45a.51.51 0 0 1-.31.68c-.56.18-1.14.4-1.71.64a.5.5 0 0 1-.38 0c-.57-.24-1.15-.46-1.71-.65a.5.5 0 0 1-.3-.26a.53.53 0 0 1-.01-.41Zm4.42 15.1C13.53 21.13 12.7 22 12 22s-1.53-.87-2.21-2.45a.51.51 0 0 1 .31-.68c.56-.18 1.14-.4 1.71-.64a.5.5 0 0 1 .38 0c.57.24 1.15.46 1.71.64a.5.5 0 0 1 .3.27a.53.53 0 0 1 .01.41Zm1.23-5.82a.51.51 0 0 1-.22.39c-.46.3-1 .61-1.47.91s-1 .57-1.53.82a.49.49 0 0 1-.44 0c-.5-.25-1-.52-1.53-.82s-1-.61-1.47-.91a.51.51 0 0 1-.22-.39c0-.55-.06-1.13-.06-1.73s0-1.18.06-1.73a.51.51 0 0 1 .22-.39c.46-.3 1-.61 1.47-.91s1-.57 1.53-.82a.49.49 0 0 1 .44 0c.5.25 1 .52 1.53.82s1 .61 1.47.91a.51.51 0 0 1 .22.39c0 .55.06 1.13.06 1.73s-.02 1.15-.06 1.7ZM20.66 17c-.35.6-1.52.89-3.23.68a.5.5 0 0 1-.43-.59c.12-.59.22-1.19.3-1.81a.45.45 0 0 1 .19-.33c.49-.38 1-.77 1.42-1.16a.47.47 0 0 1 .38-.12a.5.5 0 0 1 .35.19C20.67 15.24 21 16.4 20.66 17m-1-6.86a.5.5 0 0 1-.35.19a.47.47 0 0 1-.38-.12c-.45-.39-.93-.78-1.42-1.16a.45.45 0 0 1-.19-.33c-.08-.62-.18-1.22-.3-1.81a.5.5 0 0 1 .43-.59a8 8 0 0 1 1-.07c1.14 0 1.92.28 2.19.75s.03 1.76-1 3.14Z"/><path fill="currentColor" d="M10.04 12a1.96 1.91 0 1 0 3.92 0a1.96 1.91 0 1 0-3.92 0"/></svg>Science Molecule Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate:science-molecule-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate:science-molecule-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate:science-molecule-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate--science-molecule-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate -->
<div class="i-streamline-ultimate:science-molecule-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-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate/science-molecule-bold.svg" alt="Science Molecule Bold アイコン" width="24" height="24">Ultimate free icons の関連アイコン
Science Molecule Bold アイコン のよくある質問
Science Molecule Bold アイコンは商用利用でも無料ですか?
はい。Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Science Molecule Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate:science-molecule-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Science Molecule Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate/science-molecule-bold.svg" alt="Science Molecule Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。