Mixpanel icon

logos:mixpanel

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="168" viewBox="0 0 512 168"><g fill="#33547d"><g transform="translate(1.034 123.087)"><circle cx="22.411" cy="22.264" r="22.238"/><circle cx="102.687" cy="22.507" r="15.729"/><circle cx="168.859" cy="22.507" r="7.141"/></g><path d="M99.484 98.758c-3.91 0-6.806-3.04-6.806-6.806V62.99c0-9.991-4.778-17.666-15.494-17.666s-17.232 8.254-17.232 17.812v28.816c0 3.766-2.607 6.806-6.806 6.806c-4.055 0-6.806-3.04-6.806-6.806V62.99c0-9.991-5.213-17.666-15.93-17.666c-11.005 0-16.797 8.254-16.797 17.812v28.816c0 3.766-2.751 6.806-6.806 6.806c-3.91 0-6.807-3.04-6.807-6.806V40.545c0-4.054 2.607-6.95 6.806-6.95c4.634 0 6.806 3.185 6.806 6.95v4.634c3.91-7.675 11.874-12.164 20.418-12.164c10.426 0 18.246 5.213 22.156 12.888c5.647-8.688 13.901-12.888 24.182-12.888c17.522 0 25.921 12.02 25.921 28.962V91.95c0 3.767-2.75 6.807-6.805 6.807m25.921-90.938c4.344 0 7.964 3.62 7.964 7.964s-3.62 7.964-7.964 7.964s-7.965-3.62-7.965-7.964s3.62-7.964 7.965-7.964m0 90.94c-4.055 0-6.806-3.04-6.806-6.807V40.4c0-3.765 2.896-6.806 6.806-6.806s6.806 3.041 6.806 6.806v51.552c-.002 3.766-2.752 6.806-6.806 6.806m45.177-41.705l17.232-21.431c1.158-1.304 2.607-2.028 4.49-2.028c3.764 0 6.226 2.462 6.226 5.938c0 1.303-.435 2.606-1.593 3.91l-18.97 22.59l19.26 22.733c1.013 1.159 1.592 2.317 1.592 4.055c0 3.333-2.896 5.937-6.082 5.937q-3.04 0-4.778-2.174l-17.377-21.574l-17.377 21.574q-1.738 2.172-4.779 2.174c-3.186 0-6.082-2.608-6.082-5.937c0-1.738.58-2.896 1.593-4.055l19.26-22.734l-18.97-22.589c-1.159-1.305-1.593-2.607-1.593-3.91c0-3.475 2.462-5.937 6.227-5.937c1.882 0 3.33.725 4.489 2.028zm74.286 42.285c-9.702 0-17.666-5.066-22.3-12.452v32.147c0 3.766-2.751 6.804-6.806 6.804s-6.806-3.039-6.806-6.804V40.4c0-3.765 2.317-6.806 6.516-6.806c4.2 0 6.662 3.186 6.662 6.951v4.926c4.344-7.53 13.032-12.454 22.734-12.454c16.653 0 30.265 13.9 30.265 33.161c0 19.982-13.612 33.16-30.265 33.16m-2.75-55.027c-11.73 0-19.549 10.28-19.549 21.866s7.82 21.866 19.55 21.866c11.729 0 19.402-8.832 19.402-21.866c0-13.032-7.675-21.866-19.403-21.866m104.84 47.641c0 3.766-2.606 6.806-6.806 6.806c-4.055 0-6.659-3.04-6.659-6.806v-3.186c-4.055 6.082-11.73 10.572-21.14 10.572c-20.277 0-32.004-14.769-32.004-33.162c0-18.1 13.035-33.16 33.451-33.16c20.853 0 33.162 13.611 33.162 33.16v25.776zM313.652 44.6c-11.585 0-19.695 9.704-19.695 21.576c0 12.454 6.806 21.577 19.695 21.577c12.018 0 19.693-10.282 19.693-21.577c0-13.322-8.108-21.576-19.693-21.576m74.288-11.583c17.52 0 30.407 13.323 30.407 30.265v28.671a6.796 6.796 0 0 1-6.806 6.806a6.797 6.797 0 0 1-6.806-6.806V61.688c0-9.123-7.24-16.218-16.795-16.218c-9.558 0-16.655 7.093-16.655 16.218v30.265a6.796 6.796 0 0 1-6.806 6.806a6.797 6.797 0 0 1-6.806-6.806V63.281c0-16.942 12.743-30.264 30.267-30.264m101.218 33.304c0 2.317-1.304 4.634-5.212 4.634h-43.297c.723 9.992 7.529 17.52 19.547 17.52c7.531 0 12.02-2.607 16.798-7.095c1.16-1.158 2.751-2.174 4.489-2.174c3.04 0 5.648 2.174 5.648 5.648c0 1.446-.725 2.75-1.737 3.908c-5.503 6.372-15.352 10.573-25.776 10.573c-21.578 0-33.019-15.062-33.019-33.163c0-18.97 13.758-33.16 32.436-33.16c18.25.005 30.123 14.774 30.123 33.31m-30.12-22.443c-9.991 0-16.797 7.093-18.1 16.074h35.621c-1.157-8.691-7.675-16.074-17.52-16.074m46.047 54.879c-4.056 0-6.806-3.04-6.806-6.806V6.807c0-3.767 2.752-6.806 6.806-6.806s6.804 3.039 6.804 6.806v85.145c.002 3.766-2.749 6.806-6.804 6.806"/></g></svg>

How to use the Mixpanel icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Mixpanel icon in other icon sets

Mixpanel icon FAQ

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

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

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

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

Browse all SVG Logos icons →