Icône Science Molecule Strucutre
streamline-ultimate-color:science-molecule-strucutre
L'icône Science Molecule Strucutre (streamline-ultimate-color:science-molecule-strucutre) est une icône SVG gratuite de la collection Ultimate color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Ultimate color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Ultimate color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Science
- Mots-clés
- sciencemolecule, moleculestrucutre, sciencemoleculestrucutre
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ffbc44" d="m14.261 6.351l2.99-1.72a.5.5 0 0 1 .502 0l3.039 1.723a.5.5 0 0 1 .25.434v2.933a.5.5 0 0 1-.253.436l-3.014 1.722a.5.5 0 0 1-.503 0l-3.014-1.722a.5.5 0 0 1-.249-.436V6.786a.5.5 0 0 1 .252-.435"/><path fill="#ffdda1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m5.106 1.905l1.758-.879a.25.25 0 0 1 .225 0l1.758.88a.25.25 0 0 1 .139.224v2.023a.5.5 0 0 1-.273.447l-1.622.833a.26.26 0 0 1-.229 0l-1.758-.904a.25.25 0 0 1-.137-.222V2.13a.25.25 0 0 1 .139-.225"/><path fill="#ffef5e" d="m3.216 15.896l4.019-2.232a.5.5 0 0 1 .488 0l4.019 2.232a.5.5 0 0 1 .258.44v3.93a.5.5 0 0 1-.258.438l-4.019 2.233a.5.5 0 0 1-.488 0l-4.019-2.233a.5.5 0 0 1-.258-.439v-3.93a.5.5 0 0 1 .258-.439"/><path fill="#fff9bf" d="M4.967 21.504v-4.132a.53.53 0 0 1 .273-.462l4.225-2.097a.5.5 0 0 1 .222-.057l-1.964-1.092a.5.5 0 0 0-.488 0l-4.019 2.232a.5.5 0 0 0-.258.44v3.93a.5.5 0 0 0 .258.438l1.809 1.005a.5.5 0 0 1-.058-.205"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m3.216 15.896l4.019-2.232a.5.5 0 0 1 .488 0l4.019 2.232a.5.5 0 0 1 .258.44v3.93a.5.5 0 0 1-.258.438l-4.019 2.233a.5.5 0 0 1-.488 0l-4.019-2.233a.5.5 0 0 1-.258-.439v-3.93a.5.5 0 0 1 .258-.439"/><path fill="#ffdda1" d="M16.019 10.867V7.834a.52.52 0 0 1 .26-.45l3.09-1.578a.5.5 0 0 1 .4-.032l-2.02-1.146a.5.5 0 0 0-.503 0L14.26 6.351a.5.5 0 0 0-.25.435v2.935a.5.5 0 0 0 .252.436l2 1.142a.52.52 0 0 1-.243-.432"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m14.261 6.351l2.99-1.72a.5.5 0 0 1 .502 0l3.039 1.723a.5.5 0 0 1 .25.434v2.933a.5.5 0 0 1-.253.436l-3.014 1.722a.5.5 0 0 1-.503 0l-3.014-1.722a.5.5 0 0 1-.249-.436V6.786a.5.5 0 0 1 .252-.435m-2.289 9.822l5.803-4.294m-3.691-5.353L8.888 4.447M4.967 19.054v-1.7a.5.5 0 0 1 .278-.448l1.732-.866"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.019 9.007V7.811a.5.5 0 0 1 .277-.45l.727-.363"/></g></svg>Comment utiliser l'icône Science Molecule Strucutre
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:science-molecule-strucutre" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:science-molecule-strucutre" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:science-molecule-strucutre" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--science-molecule-strucutre]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:science-molecule-strucutre"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:science-molecule-strucutre"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/science-molecule-strucutre.svg" alt="Icône Science Molecule Strucutre" width="24" height="24">Icônes similaires dans Ultimate color icons
L'icône Science Molecule Strucutre dans d'autres collections
FAQ : Icône Science Molecule Strucutre
L'icône Science Molecule Strucutre est-elle gratuite pour un usage commercial ?
Oui. Les Ultimate color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Science Molecule Strucutre dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-ultimate-color:science-molecule-strucutre" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Science Molecule Strucutre à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/science-molecule-strucutre.svg" alt="Icône Science Molecule Strucutre">, ou collez le code SVG directement dans la page pour le styliser en CSS.