mixpanel logo
mixpanel from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mixpanel
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the mixpanel logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.967 9.996h3.053c-.763-.477-1.048-1.145-1.431-2.384L7.443 3.366C6.919 1.458 6.49.551 4.39.551H.004v1.145h.621c1.286 0 1.431.477 1.814 1.908L3.44 7.326c.524 1.814 1.337 2.67 3.53 2.67zm7.06 0h3.053c2.194 0 2.956-.86 3.484-2.67l1.001-3.722c.382-1.431.57-1.908 1.814-1.908H24V.551h-4.34c-2.146 0-2.576.86-3.053 2.815l-1.145 4.246c-.384 1.286-.673 1.907-1.435 2.384m-4.007 4.008h4.007V9.996H10.02zM0 23.449h4.39c2.1 0 2.529-.907 3.053-2.815l1.146-4.246c.383-1.239.668-1.907 1.431-2.384H6.967c-2.194 0-3.007.86-3.531 2.67l-1.001 3.722c-.383 1.431-.524 1.907-1.814 1.907H0zm19.65 0h4.343v-1.146h-.622c-1.239 0-1.431-.476-1.814-1.907l-1.001-3.722c-.524-1.814-1.286-2.67-3.483-2.67h-3.046c.762.477 1.041 1.098 1.424 2.384l1.145 4.246c.477 1.955.907 2.815 3.054 2.815"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMixpanel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.967 9.996h3.053c-.763-.477-1.048-1.145-1.431-2.384L7.443 3.366C6.919 1.458 6.49.551 4.39.551H.004v1.145h.621c1.286 0 1.431.477 1.814 1.908L3.44 7.326c.524 1.814 1.337 2.67 3.53 2.67zm7.06 0h3.053c2.194 0 2.956-.86 3.484-2.67l1.001-3.722c.382-1.431.57-1.908 1.814-1.908H24V.551h-4.34c-2.146 0-2.576.86-3.053 2.815l-1.145 4.246c-.384 1.286-.673 1.907-1.435 2.384m-4.007 4.008h4.007V9.996H10.02zM0 23.449h4.39c2.1 0 2.529-.907 3.053-2.815l1.146-4.246c.383-1.239.668-1.907 1.431-2.384H6.967c-2.194 0-3.007.86-3.531 2.67l-1.001 3.722c-.383 1.431-.524 1.907-1.814 1.907H0zm19.65 0h4.343v-1.146h-.622c-1.239 0-1.431-.476-1.814-1.907l-1.001-3.722c-.524-1.814-1.286-2.67-3.483-2.67h-3.046c.762.477 1.041 1.098 1.424 2.384l1.145 4.246c.477 1.955.907 2.815 3.054 2.815"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.967 9.996h3.053c-.763-.477-1.048-1.145-1.431-2.384L7.443 3.366C6.919 1.458 6.49.551 4.39.551H.004v1.145h.621c1.286 0 1.431.477 1.814 1.908L3.44 7.326c.524 1.814 1.337 2.67 3.53 2.67zm7.06 0h3.053c2.194 0 2.956-.86 3.484-2.67l1.001-3.722c.382-1.431.57-1.908 1.814-1.908H24V.551h-4.34c-2.146 0-2.576.86-3.053 2.815l-1.145 4.246c-.384 1.286-.673 1.907-1.435 2.384m-4.007 4.008h4.007V9.996H10.02zM0 23.449h4.39c2.1 0 2.529-.907 3.053-2.815l1.146-4.246c.383-1.239.668-1.907 1.431-2.384H6.967c-2.194 0-3.007.86-3.531 2.67l-1.001 3.722c-.383 1.431-.524 1.907-1.814 1.907H0zm19.65 0h4.343v-1.146h-.622c-1.239 0-1.431-.476-1.814-1.907l-1.001-3.722c-.524-1.814-1.286-2.67-3.483-2.67h-3.046c.762.477 1.041 1.098 1.424 2.384l1.145 4.246c.477 1.955.907 2.815 3.054 2.815"/></svg> </template>
CSS
.icon-mixpanel {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.967%209.996h3.053c-.763-.477-1.048-1.145-1.431-2.384L7.443%203.366C6.919%201.458%206.49.551%204.39.551H.004v1.145h.621c1.286%200%201.431.477%201.814%201.908L3.44%207.326c.524%201.814%201.337%202.67%203.53%202.67zm7.06%200h3.053c2.194%200%202.956-.86%203.484-2.67l1.001-3.722c.382-1.431.57-1.908%201.814-1.908H24V.551h-4.34c-2.146%200-2.576.86-3.053%202.815l-1.145%204.246c-.384%201.286-.673%201.907-1.435%202.384m-4.007%204.008h4.007V9.996H10.02zM0%2023.449h4.39c2.1%200%202.529-.907%203.053-2.815l1.146-4.246c.383-1.239.668-1.907%201.431-2.384H6.967c-2.194%200-3.007.86-3.531%202.67l-1.001%203.722c-.383%201.431-.524%201.907-1.814%201.907H0zm19.65%200h4.343v-1.146h-.622c-1.239%200-1.431-.476-1.814-1.907l-1.001-3.722c-.524-1.814-1.286-2.67-3.483-2.67h-3.046c.762.477%201.041%201.098%201.424%202.384l1.145%204.246c.477%201.955.907%202.815%203.054%202.815%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.967%209.996h3.053c-.763-.477-1.048-1.145-1.431-2.384L7.443%203.366C6.919%201.458%206.49.551%204.39.551H.004v1.145h.621c1.286%200%201.431.477%201.814%201.908L3.44%207.326c.524%201.814%201.337%202.67%203.53%202.67zm7.06%200h3.053c2.194%200%202.956-.86%203.484-2.67l1.001-3.722c.382-1.431.57-1.908%201.814-1.908H24V.551h-4.34c-2.146%200-2.576.86-3.053%202.815l-1.145%204.246c-.384%201.286-.673%201.907-1.435%202.384m-4.007%204.008h4.007V9.996H10.02zM0%2023.449h4.39c2.1%200%202.529-.907%203.053-2.815l1.146-4.246c.383-1.239.668-1.907%201.431-2.384H6.967c-2.194%200-3.007.86-3.531%202.67l-1.001%203.722c-.383%201.431-.524%201.907-1.814%201.907H0zm19.65%200h4.343v-1.146h-.622c-1.239%200-1.431-.476-1.814-1.907l-1.001-3.722c-.524-1.814-1.286-2.67-3.483-2.67h-3.046c.762.477%201.041%201.098%201.424%202.384l1.145%204.246c.477%201.955.907%202.815%203.054%202.815%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/mixpanel.svg?color=%231a73e8&size=48
