IconSearch logoIconsearch
Home/Libraries/Font Awesome Brands (Iconify)/mixer
← Back to Search
Font Awesome Brands (Iconify)

Mixer

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 640 640"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MixerIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Font Awesome Brands (Iconify)

Browse all Font Awesome Brands (Iconify) icons →
11ty
11ty
42-group
42-group
500px
500px
accessible-icon
accessible-icon
accusoft
accusoft
adn
adn
adversal
adversal
affiliatetheme
affiliatetheme
airbnb
airbnb
algolia
algolia
alipay
alipay
amazon
amazon