Иконка Science Molecule Bold
streamline-ultimate:science-molecule-bold
Иконка Science Molecule Bold (streamline-ultimate:science-molecule-bold) — бесплатная SVG-иконка из набора Ultimate free icons от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Science Molecule Bold в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.