Immer icon

logos:immer

The Immer icon (logos:immer) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 314 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: 512 × 314

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="314" viewBox="0 0 512 314"><path fill="#00e7c3" d="M321.348 0c28.057 0 56.114 17.427 67.78 51.88a41.2 41.2 0 0 0-15.507-2.999A41.3 41.3 0 0 0 356 52.803c-7.975-16.879-22.156-23.423-36.94-23.423c-19.37 0-37.58 20.402-57.43 51.39c2.829 3.923 5.7 7.943 8.604 11.944l1.284 1.764c16.29 22.32 33.59 43.52 50.552 43.52c13.526 0 17.554-2.786 27.401-13.88a41.37 41.37 0 0 0 24.15 7.749a41.6 41.6 0 0 0 13.833-2.356c.43-.014.764-.04.992-.108c-12.27 32.045-42.4 49.713-69.24 49.713c-32.776 0-55.876-29.468-78.866-61.815l-.567-.797c-21.129 33.925-42.413 61.152-73.252 61.152c-27.054 0-54.107-16.208-66.457-48.251c.148.04.349.08.59.107a41.3 41.3 0 0 0 13.793 2.355a41.3 41.3 0 0 0 18.719-4.458c8.161 14.978 21.647 20.869 35.655 20.869c18.396 0 40.18-25.32 57.152-51.289c-23.346-32.861-41.748-56.644-62.142-57.33c-10.102-.334-19.373 5.796-26.612 16.035a41.25 41.25 0 0 0-22.772-6.813a41.3 41.3 0 0 0-12.402 1.887C113.833 17.053 141.368 0 168.902 0c32.345 0 54.885 29.117 78.523 61.352C267.523 28.617 290.402 0 321.348 0M115.647 60.256c16.624 0 30.1 13.482 30.1 30.113s-13.476 30.113-30.1 30.113S85.546 107 85.546 90.37s13.476-30.113 30.1-30.113m257.967 0c16.625 0 30.101 13.482 30.101 30.113s-13.476 30.113-30.1 30.113S343.512 107 343.512 90.37s13.477-30.113 30.101-30.113"/><path d="m375.943 270.498l.94 3.088c3.49 11.413 11.409 17.321 24.16 18.127c6.71.402 9.663 0 14.629-2.417c3.354-1.611 9.875-7.6 9.875-7.6l17.773 12.031l-5.1 5.237c-2.819 2.818-8.456 6.847-12.483 8.86c-9.628 4.816-29.068 6.568-40.935 2.553c-8.723-2.955-13.824-6.043-19.596-12.085c-9.798-10.07-14.092-22.825-13.018-39.073c1.879-29.671 26.708-49.275 57.176-44.98c20.132 2.82 32.748 16.248 36.372 38.804c.804 4.835 1.476 10.742 1.476 13.16v4.295zm-177.028-55.05h22.816v13.964l4.698-5.504c5.905-6.982 13.69-10.07 24.829-10.204c10.737 0 16.91 2.684 23.488 10.07l4.831 5.37l4.698-4.833c7.517-7.653 14.226-10.473 25.233-10.473c12.213 0 19.461 2.954 26.037 10.339c8.188 9.264 8.725 12.218 9.262 50.752l.536 34.507h-24.024l-.536-30.48c-.404-26.315-.807-31.282-2.954-35.713c-6.308-12.89-23.622-11.548-30.87 2.416c-2.55 4.834-2.818 8.056-3.221 34.64l-.536 29.137H259.31v-30.48c0-26.852-.403-31.282-2.55-36.117c-2.952-6.58-8.456-9.264-16.642-8.189c-6.845.938-13.422 7.384-15.57 15.307c-.804 2.818-1.476 17.185-1.476 32.357v27.122h-24.158zM27.117 309.437H2.961V215.45h24.156zm428.146-93.987h22.818v15.44l3.354-4.967c4.027-6.042 12.617-11.145 20.4-12.352c5.22-.756 9.783-.436 9.783-.436l.016 22.694l-5.905.03c-11.945-.94-21.877 5.772-24.83 16.783c-.805 2.82-1.477 16.784-1.477 31.015v25.78h-24.159zm-414.724 0h22.816v13.963l4.698-5.504c5.906-6.982 13.69-10.07 24.83-10.204c10.737 0 16.912 2.684 23.487 10.07l4.832 5.37l4.698-4.833c7.516-7.653 14.227-10.473 25.232-10.473c12.213 0 19.462 2.954 26.039 10.339c8.186 9.264 8.723 12.218 9.26 50.752l.536 34.507h-24.022l-.536-30.48c-.404-26.315-.806-31.282-2.955-35.713c-6.307-12.89-23.621-11.548-30.868 2.416c-2.55 4.834-2.819 8.056-3.221 34.64l-.536 29.137h-23.891v-30.48c0-26.852-.402-31.282-2.55-36.117c-2.954-6.58-8.457-9.264-16.644-8.189c-6.845.938-13.421 7.384-15.569 15.307c-.804 2.818-1.475 17.185-1.475 32.357v27.122H40.54zm381.172 33.97c0-5.237-4.43-11.95-9.664-14.636c-12.885-6.848-31.004.94-35.3 15.306l-.804 2.954h45.767zM15.498 168.772c8.555 0 15.5 6.949 15.5 15.505c0 8.558-6.943 15.506-15.5 15.506C6.946 199.783 0 192.835 0 184.277c0-8.556 6.946-15.503 15.498-15.503z"/></svg>

How to use the Immer icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:immer" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:immer" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:immer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--immer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:immer"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:immer"></iconify-icon>

HTML image

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

Related icons in SVG Logos

Immer icon in other icon sets

Immer icon FAQ

Is the Immer 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 Immer icon in React?

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

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

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

Browse all SVG Logos icons →