Home/Libraries/OpenMoji (Iconify)/control-knobs

OpenMoji (Iconify)

ControlKnobs

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#d0cfce" d="M13.863 12.155a2.09 2.09 0 0 0-2.088 2.088v43.513a2.09 2.09 0 0 0 2.088 2.087h43.514a2.09 2.09 0 0 0 2.087-2.087V14.243a2.09 2.09 0 0 0-2.087-2.088z"/><path fill="#9b9b9a" d="M18.388 47.86c0-.552 1.45 2.071 1.45 2.071s2.343 2.93 4.55 2.93s5-2.794 5-5s-.765-4.571-2.97-4.571c-.553 0-2.586-1.426-2.035-1.429h-.02c-1.574 0-3.002.61-4.072 1.602l-1.225 1.581a6 6 0 0 0-.703 2.817M50.9 43.618c.39.39-1.024.511-1.415.12c-1.511-1.51-4.145-1.768-5.657-.256c-.756.756-2.356 2.969-2.356 4.037s.893 3.121 1.649 3.877c1.558 1.559 4.752 1.805 6.312.246c.39-.39 1.857.068 1.468.46a6 6 0 0 0 1.637-3.053l.058-1.998a6 6 0 0 0-1.697-3.433M30.302 24.757a5.97 5.97 0 0 0-1.39-3.095c.287.408-.958.474-1.326.063c-.714-.795-1.695-1.08-2.761-1.138c-1.072-.05-2.983.268-3.778.981c-.795.714-1.602 2.48-1.66 3.547s-.153 2.476.56 3.271s3.157 2.354 4.225 2.412c1.057.05 4.622-1.235 4.293-.86a6 6 0 0 0 1.78-3.183zm21.422-2.393l-1.335-1.49a5.97 5.97 0 0 0-3.461-1.293c.533.04-1.35 1.108-1.35 1.108s-3.83 2.477-3.918 4.681c-.086 2.203 2.635 5.145 4.839 5.233c2.2.09 4.958-1.784 5.045-3.987c.021-.552 1.106-1.381 1.102-.845c.003-.068.01-.135.01-.204c0-1.18-.344-2.276-.932-3.203"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"><path d="M56.464 59.843H14.776a3 3 0 0 1-3-3V15.155a3 3 0 0 1 3-3h41.688a3 3 0 0 1 3 3v41.688a3 3 0 0 1-3 3"/><path d="M51.653 25.764a5 5 0 1 1-4.8-5.193m-19.126 8.718a5 5 0 1 1 .382-7.061m22.083 29.168a5 5 0 1 1 0-7.071M24.387 42.86a5 5 0 1 1-5 5m5 .001l-5.605-4.294m34.71 4.513l-6.836-.219m-15.31-22.062l-7.18-.284m27.49-4.435l-5 4.487"/></g></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-SA-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.