Microcosm icon

logos:microcosm

The Microcosm icon (logos:microcosm) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 256

Download SVG

SVG code

<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>

How to use the Microcosm icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/microcosm.svg" alt="Microcosm icon" width="24" height="24">

Microcosm icon FAQ

Is the Microcosm icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Microcosm icon in React?

Install @iconify/react and render <Icon icon="logos:microcosm" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Microcosm icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/microcosm.svg" alt="Microcosm icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →