mixer logo

mixer from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: mixer
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

mixerCoreUI Brands mixerFont Awesome 6 Brands mixerHuge Icons mixerMaterial Design Icons

Use the mixer logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M178.6 140.1c-3.8-5.1-8.7-9.4-14.2-12.5s-11.7-5.1-18.1-5.7s-12.8.1-18.8 2.2s-11.6 5.3-16.3 9.6c-17.6 16.2-19 43.5-4.8 62.8l91.8 123l-92.3 124.1c-14.2 19.3-13.1 46.6 4.7 62.8c4.7 4.3 10.3 7.6 16.3 9.6s12.5 2.8 18.8 2.2s12.5-2.5 18.1-5.7s10.4-7.4 14.2-12.5l128.9-173.3c1.5-2.1 2.3-4.6 2.3-7.1s-.8-5-2.3-7.1zm355.6 303.5l-92.3-124.1l91.8-123c14.2-19.2 12.8-46.6-4.7-62.8c-4.7-4.3-10.3-7.6-16.3-9.6s-12.5-2.8-18.8-2.2s-12.5 2.5-18.1 5.7s-10.4 7.4-14.2 12.5l-128 172.1c-1.5 2.1-2.3 4.6-2.3 7.1s.8 5 2.3 7.1L462 499.9c3.8 5.1 8.7 9.4 14.2 12.5s11.7 5.1 18.1 5.7s12.8-.1 18.8-2.2s11.6-5.3 16.3-9.6c17.8-16.2 19-43.5 4.7-62.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsMixer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M178.6 140.1c-3.8-5.1-8.7-9.4-14.2-12.5s-11.7-5.1-18.1-5.7s-12.8.1-18.8 2.2s-11.6 5.3-16.3 9.6c-17.6 16.2-19 43.5-4.8 62.8l91.8 123l-92.3 124.1c-14.2 19.3-13.1 46.6 4.7 62.8c4.7 4.3 10.3 7.6 16.3 9.6s12.5 2.8 18.8 2.2s12.5-2.5 18.1-5.7s10.4-7.4 14.2-12.5l128.9-173.3c1.5-2.1 2.3-4.6 2.3-7.1s-.8-5-2.3-7.1zm355.6 303.5l-92.3-124.1l91.8-123c14.2-19.2 12.8-46.6-4.7-62.8c-4.7-4.3-10.3-7.6-16.3-9.6s-12.5-2.8-18.8-2.2s-12.5 2.5-18.1 5.7s-10.4 7.4-14.2 12.5l-128 172.1c-1.5 2.1-2.3 4.6-2.3 7.1s.8 5 2.3 7.1L462 499.9c3.8 5.1 8.7 9.4 14.2 12.5s11.7 5.1 18.1 5.7s12.8-.1 18.8-2.2s11.6-5.3 16.3-9.6c17.8-16.2 19-43.5 4.7-62.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M178.6 140.1c-3.8-5.1-8.7-9.4-14.2-12.5s-11.7-5.1-18.1-5.7s-12.8.1-18.8 2.2s-11.6 5.3-16.3 9.6c-17.6 16.2-19 43.5-4.8 62.8l91.8 123l-92.3 124.1c-14.2 19.3-13.1 46.6 4.7 62.8c4.7 4.3 10.3 7.6 16.3 9.6s12.5 2.8 18.8 2.2s12.5-2.5 18.1-5.7s10.4-7.4 14.2-12.5l128.9-173.3c1.5-2.1 2.3-4.6 2.3-7.1s-.8-5-2.3-7.1zm355.6 303.5l-92.3-124.1l91.8-123c14.2-19.2 12.8-46.6-4.7-62.8c-4.7-4.3-10.3-7.6-16.3-9.6s-12.5-2.8-18.8-2.2s-12.5 2.5-18.1 5.7s-10.4 7.4-14.2 12.5l-128 172.1c-1.5 2.1-2.3 4.6-2.3 7.1s.8 5 2.3 7.1L462 499.9c3.8 5.1 8.7 9.4 14.2 12.5s11.7 5.1 18.1 5.7s12.8-.1 18.8-2.2s11.6-5.3 16.3-9.6c17.8-16.2 19-43.5 4.7-62.8z"/></svg>
</template>

CSS

.icon-mixer {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M178.6%20140.1c-3.8-5.1-8.7-9.4-14.2-12.5s-11.7-5.1-18.1-5.7s-12.8.1-18.8%202.2s-11.6%205.3-16.3%209.6c-17.6%2016.2-19%2043.5-4.8%2062.8l91.8%20123l-92.3%20124.1c-14.2%2019.3-13.1%2046.6%204.7%2062.8c4.7%204.3%2010.3%207.6%2016.3%209.6s12.5%202.8%2018.8%202.2s12.5-2.5%2018.1-5.7s10.4-7.4%2014.2-12.5l128.9-173.3c1.5-2.1%202.3-4.6%202.3-7.1s-.8-5-2.3-7.1zm355.6%20303.5l-92.3-124.1l91.8-123c14.2-19.2%2012.8-46.6-4.7-62.8c-4.7-4.3-10.3-7.6-16.3-9.6s-12.5-2.8-18.8-2.2s-12.5%202.5-18.1%205.7s-10.4%207.4-14.2%2012.5l-128%20172.1c-1.5%202.1-2.3%204.6-2.3%207.1s.8%205%202.3%207.1L462%20499.9c3.8%205.1%208.7%209.4%2014.2%2012.5s11.7%205.1%2018.1%205.7s12.8-.1%2018.8-2.2s11.6-5.3%2016.3-9.6c17.8-16.2%2019-43.5%204.7-62.8z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M178.6%20140.1c-3.8-5.1-8.7-9.4-14.2-12.5s-11.7-5.1-18.1-5.7s-12.8.1-18.8%202.2s-11.6%205.3-16.3%209.6c-17.6%2016.2-19%2043.5-4.8%2062.8l91.8%20123l-92.3%20124.1c-14.2%2019.3-13.1%2046.6%204.7%2062.8c4.7%204.3%2010.3%207.6%2016.3%209.6s12.5%202.8%2018.8%202.2s12.5-2.5%2018.1-5.7s10.4-7.4%2014.2-12.5l128.9-173.3c1.5-2.1%202.3-4.6%202.3-7.1s-.8-5-2.3-7.1zm355.6%20303.5l-92.3-124.1l91.8-123c14.2-19.2%2012.8-46.6-4.7-62.8c-4.7-4.3-10.3-7.6-16.3-9.6s-12.5-2.8-18.8-2.2s-12.5%202.5-18.1%205.7s-10.4%207.4-14.2%2012.5l-128%20172.1c-1.5%202.1-2.3%204.6-2.3%207.1s.8%205%202.3%207.1L462%20499.9c3.8%205.1%208.7%209.4%2014.2%2012.5s11.7%205.1%2018.1%205.7s12.8-.1%2018.8-2.2s11.6-5.3%2016.3-9.6c17.8-16.2%2019-43.5%204.7-62.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/mixer.svg?color=%231a73e8&size=48