Icône Microcosm
logos:microcosm
L'icône Microcosm (logos:microcosm) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 256. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 256 × 256
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#184ae8" d="M217.768 59.042c-.78.779-.268 3.279-1.056 4.053c-20.387 29.006-49.424 61.332-69.812 81.34c-19.984 20.389-55.073 51.778-83.69 72.16c-.784.785-3.422.414-4.2 1.203c-9.407-7.054-17.246-15.678-23.912-25.485c-3.92-5.872-7.45-12.144-10.576-18.814c-6.276-14.112-9.801-29.391-9.801-45.864c0-62.706 50.561-113.273 113.273-113.273c16.466 0 32.14 3.525 45.868 9.807c6.656 2.74 12.532 6.277 18.415 10.186c9.418 7.44 18.04 15.285 25.49 24.687"/><path fill="#184ae8" d="M241.286 128.034c0 62.715-50.567 113.267-113.283 113.267c-18.425 0-36.062-4.32-51.346-12.148c-6.277-3.125-12.148-7.056-17.63-11.375c.778-.384 1.956-1.173 2.745-1.962c29.006-20.388 62.71-50.947 82.71-71.345c20.382-19.982 50.95-54.097 71.338-82.708c.78-.774 1.174-1.963 1.968-2.737c4.31 5.478 8.22 11.37 11.364 17.626c7.43 15.715 12.134 32.952 12.134 51.382"/><path fill="#ff6464" d="M231.49 73.153c-.78 1.173-1.579 2.352-2.742 3.525c-21.167 29-50.952 61.932-70.56 81.526c-19.989 19.977-52.92 49.788-81.53 70.56c-1.175.774-2.353 1.578-3.526 2.742c-23.129 16.462-39.982 24.3-52.13 24.3c-6.277 0-10.98-1.966-14.895-5.876c-11.365-11.37-7.056-34.483 14.506-72.112l1.578-1.973l2.331-2.346c3.047 6.538 6.611 12.832 10.575 18.814c-16.468 29.795-16.452 41.948-14.884 43.906h1.173c3.131 0 13.327-1.584 38.024-18.82c.784-.384 1.957-1.173 2.736-1.968c29.011-20.387 62.716-50.946 82.72-71.34C165.252 124.11 195.816 90 216.198 61.38c.79-.78 1.174-1.968 1.968-2.742c21.555-30.963 18.43-39.192 18.43-39.192c-1.962-1.168-14.11-1.168-43.9 15.279c-5.873-3.93-11.76-7.45-18.426-10.191l4.315-3.92c37.63-21.561 60.358-25.87 72.123-14.505c10.95 11.774 5.077 32.557-19.22 67.045"/></svg>Comment utiliser l'icône Microcosm
React
import { Icon } from "@iconify/react";
<Icon icon="logos:microcosm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:microcosm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:microcosm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--microcosm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:microcosm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:microcosm"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/microcosm.svg" alt="Icône Microcosm" width="24" height="24">FAQ : Icône Microcosm
L'icône Microcosm est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Microcosm dans React ?
Installez @iconify/react et affichez <Icon icon="logos:microcosm" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Microcosm à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/microcosm.svg" alt="Icône Microcosm">, ou collez le code SVG directement dans la page pour le styliser en CSS.