Home/Libraries/Twitter Emoji (Iconify)/control-knobs

Twitter Emoji (Iconify)

ControlKnobs

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 36 36"><path fill="#818cf8" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><circle cx="27" cy="20.6" r=".686" fill="#818cf8"/><circle cx="30.2" cy="21.515" r=".686" fill="#818cf8"/><circle cx="23.8" cy="21.515" r=".686" fill="#818cf8"/><circle cx="21.514" cy="23.8" r=".686" fill="#818cf8"/><circle cx="20.6" cy="27" r=".686" fill="#818cf8"/><circle cx="32.486" cy="23.8" r=".686" fill="#818cf8"/><circle cx="33.401" cy="27" r=".686" fill="#818cf8"/><circle cx="27" cy="27" r="4.881"/><circle cx="27" cy="27" r="3.994" fill="#818cf8"/><path fill="#818cf8" d="m28.182 24.118l-1.697 2.824a.47.47 0 1 0 .807.485l1.697-2.824a.47.47 0 1 0-.807-.485"/><circle cx="9" cy="20.6" r=".686" fill="#818cf8"/><circle cx="12.2" cy="21.515" r=".686" fill="#818cf8"/><circle cx="5.8" cy="21.515" r=".686" fill="#818cf8"/><circle cx="3.514" cy="23.8" r=".686" fill="#818cf8"/><circle cx="2.6" cy="27" r=".686" fill="#818cf8"/><circle cx="14.486" cy="23.8" r=".686" fill="#818cf8"/><circle cx="15.401" cy="27" r=".686" fill="#818cf8"/><circle cx="9" cy="27" r="4.881"/><circle cx="9.001" cy="26.999" r="3.994" fill="#818cf8"/><path fill="#818cf8" d="m6.099 25.868l2.853 1.647a.47.47 0 0 0 .471-.815L6.57 25.053a.47.47 0 1 0-.471.815"/><circle cx="27" cy="3.6" r=".686" fill="#818cf8"/><circle cx="30.2" cy="4.515" r=".686" fill="#818cf8"/><circle cx="23.8" cy="4.515" r=".686" fill="#818cf8"/><circle cx="21.514" cy="6.8" r=".686" fill="#818cf8"/><circle cx="20.6" cy="10" r=".686" fill="#818cf8"/><circle cx="32.486" cy="6.8" r=".686" fill="#818cf8"/><circle cx="33.401" cy="10" r=".686" fill="#818cf8"/><circle cx="27" cy="10" r="4.881"/><circle cx="27.001" cy="10" r="3.994" fill="#818cf8"/><path fill="#818cf8" d="m25.011 7.603l1.697 2.824a.47.47 0 1 0 .807-.485l-1.696-2.824a.47.47 0 0 0-.808.485"/><circle cx="9" cy="3.6" r=".686" fill="#818cf8"/><circle cx="12.2" cy="4.515" r=".686" fill="#818cf8"/><circle cx="5.8" cy="4.515" r=".686" fill="#818cf8"/><circle cx="3.514" cy="6.8" r=".686" fill="#818cf8"/><circle cx="2.6" cy="10" r=".686" fill="#818cf8"/><circle cx="14.486" cy="6.8" r=".686" fill="#818cf8"/><circle cx="15.401" cy="10" r=".686" fill="#818cf8"/><circle cx="9" cy="9.999" r="4.881"/><circle cx="8.999" cy="10" r="3.994" fill="#818cf8"/><path fill="#818cf8" d="M11.431 8.053L8.578 9.7a.47.47 0 0 0 .471.815l2.853-1.647a.47.47 0 0 0-.471-.815"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. ControlKnobsIcon.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.