mixer logo

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

Name: mixer
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

mixerCoreUI Brands mixerFont Awesome 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 512 512"><path fill="currentColor" d="M114.57 76.07a45.71 45.71 0 0 0-67.51-6.41c-17.58 16.18-19 43.52-4.75 62.77l91.78 123l-92.33 124.15c-14.23 19.25-13.11 46.59 4.74 62.77a45.71 45.71 0 0 0 67.5-6.41L242.89 262.7a12.14 12.14 0 0 0 0-14.23Zm355.67 303.51l-92.33-124.13l91.78-123c14.22-19.25 12.83-46.59-4.75-62.77a45.71 45.71 0 0 0-67.51 6.41l-128 172.12a12.14 12.14 0 0 0 0 14.23L398 435.94a45.71 45.71 0 0 0 67.51 6.41c17.84-16.18 18.96-43.52 4.73-62.77"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsMixer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M114.57 76.07a45.71 45.71 0 0 0-67.51-6.41c-17.58 16.18-19 43.52-4.75 62.77l91.78 123l-92.33 124.15c-14.23 19.25-13.11 46.59 4.74 62.77a45.71 45.71 0 0 0 67.5-6.41L242.89 262.7a12.14 12.14 0 0 0 0-14.23Zm355.67 303.51l-92.33-124.13l91.78-123c14.22-19.25 12.83-46.59-4.75-62.77a45.71 45.71 0 0 0-67.51 6.41l-128 172.12a12.14 12.14 0 0 0 0 14.23L398 435.94a45.71 45.71 0 0 0 67.51 6.41c17.84-16.18 18.96-43.52 4.73-62.77"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M114.57 76.07a45.71 45.71 0 0 0-67.51-6.41c-17.58 16.18-19 43.52-4.75 62.77l91.78 123l-92.33 124.15c-14.23 19.25-13.11 46.59 4.74 62.77a45.71 45.71 0 0 0 67.5-6.41L242.89 262.7a12.14 12.14 0 0 0 0-14.23Zm355.67 303.51l-92.33-124.13l91.78-123c14.22-19.25 12.83-46.59-4.75-62.77a45.71 45.71 0 0 0-67.51 6.41l-128 172.12a12.14 12.14 0 0 0 0 14.23L398 435.94a45.71 45.71 0 0 0 67.51 6.41c17.84-16.18 18.96-43.52 4.73-62.77"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M114.57%2076.07a45.71%2045.71%200%200%200-67.51-6.41c-17.58%2016.18-19%2043.52-4.75%2062.77l91.78%20123l-92.33%20124.15c-14.23%2019.25-13.11%2046.59%204.74%2062.77a45.71%2045.71%200%200%200%2067.5-6.41L242.89%20262.7a12.14%2012.14%200%200%200%200-14.23Zm355.67%20303.51l-92.33-124.13l91.78-123c14.22-19.25%2012.83-46.59-4.75-62.77a45.71%2045.71%200%200%200-67.51%206.41l-128%20172.12a12.14%2012.14%200%200%200%200%2014.23L398%20435.94a45.71%2045.71%200%200%200%2067.51%206.41c17.84-16.18%2018.96-43.52%204.73-62.77%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M114.57%2076.07a45.71%2045.71%200%200%200-67.51-6.41c-17.58%2016.18-19%2043.52-4.75%2062.77l91.78%20123l-92.33%20124.15c-14.23%2019.25-13.11%2046.59%204.74%2062.77a45.71%2045.71%200%200%200%2067.5-6.41L242.89%20262.7a12.14%2012.14%200%200%200%200-14.23Zm355.67%20303.51l-92.33-124.13l91.78-123c14.22-19.25%2012.83-46.59-4.75-62.77a45.71%2045.71%200%200%200-67.51%206.41l-128%20172.12a12.14%2012.14%200%200%200%200%2014.23L398%20435.94a45.71%2045.71%200%200%200%2067.51%206.41c17.84-16.18%2018.96-43.52%204.73-62.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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