Home/Libraries/Emoji One (v1) (Iconify)/control-knobs

Emoji One (v1) (Iconify)

ControlKnobs

License: CC-BY-SA-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 64 64"><path fill="#818cf8" d="M4.564 28.882c-.088.427-.137.867-.206 1.301c.069-.434.119-.874.206-1.301"/><path fill="#818cf8" d="M31.958 3c-11.259 0-21.16 5.746-26.85 14.385a32 32 0 0 1 3.647-4.547a51 51 0 0 1 3.208 2.494l-.018.02c5.081-5.078 12.17-8.247 20.01-8.247c15.415 0 27.955 12.196 27.955 27.19c0 5.723-1.836 11.03-4.951 15.411h4.777c2.646-4.553 4.18-9.807 4.18-15.411c0-17.254-14.338-31.29-31.96-31.29"/><path fill="#818cf8" d="M.162 31.16c.051-.501.148-.988.225-1.482c-.076.494-.174.981-.225 1.482m5.073-4.838c-.075.235-.122.478-.19.716c.069-.238.118-.481.19-.716M.625 28.15c.139-.671.323-1.324.503-1.978c-.179.656-.365 1.307-.503 1.978m6.664-6.615c-.016.029-.027.059-.045.09c.017-.029.029-.061.045-.09M6.148 23.87c-.045.105-.078.215-.119.319c.041-.104.075-.213.119-.319"/><path fill="#818cf8" d="M8.755 12.838a32 32 0 0 0-3.647 4.547l-.012.018q-.791 1.199-1.471 2.468c-.037.064-.064.135-.1.202c-.415.79-.802 1.596-1.15 2.425c-.068.161-.121.331-.184.493a29 29 0 0 0-.821 2.269c-.094.301-.158.612-.242.915c-.18.653-.364 1.307-.503 1.978c-.104.502-.16 1.021-.238 1.531c-.077.495-.174.981-.225 1.482A31 31 0 0 0 0 34.29c0 5.604 1.533 10.858 4.179 15.411h4.776c-3.114-4.383-4.95-9.688-4.95-15.411q.001-1.391.143-2.745c.049-.462.141-.908.211-1.362c.068-.434.118-.874.206-1.301c.131-.627.307-1.234.481-1.844c.068-.238.115-.481.19-.716c.23-.727.502-1.435.794-2.133c.041-.104.074-.213.119-.319q.498-1.151 1.095-2.245c.018-.031.029-.061.045-.09a27.4 27.4 0 0 1 4.657-6.184l.018-.02a51 51 0 0 0-3.209-2.493"/><path fill="#818cf8" d="M49.32 20.823c8.59 9.493 7.857 24.15-1.641 32.744c-9.491 8.587-24.15 7.855-32.738-1.635c-8.597-9.495-7.86-24.16 1.631-32.741c9.491-8.593 24.15-7.865 32.748 1.632"/><path fill="#818cf8" d="M27.51 38.08c1.484-1.535 2.971-3.07 4.451-4.611a1.415 1.415 0 0 0-.031-1.989c-5.206-5.03-10.418-10.07-15.63-15.1a1.41 1.41 0 0 0-1.987.037q-.835.855-1.66 1.713c-.055.055-.088.113-.124.164c-.366.389-.485.958-.076 1.537c4.277 5.996 8.548 11.989 12.829 17.989c.523.736 1.548.966 2.228.258"/><path fill="#818cf8" d="M45.976 22.18c7.33 8.102 6.7 20.614-1.401 27.948c-8.103 7.33-20.613 6.708-27.945-1.393c-7.336-8.105-6.71-20.617 1.389-27.95c8.107-7.331 20.62-6.71 27.957 1.395"/><path fill="#818cf8" d="M24.751 16.781a19.8 19.8 0 0 0-6.733 4c-8.099 7.333-8.725 19.845-1.389 27.95c7.332 8.101 19.843 8.723 27.945 1.393a19.8 19.8 0 0 0 4.654-6.297c-15.467 6.479-29.486-12.12-24.477-27.05"/><path fill="#818cf8" d="M18.553 24.893q2.396 2.648 4.805 5.304c1.01 1.121 2.03 2.249 3.051 3.374c.061.074.143.105.172.078c.718-.646 1.438-1.301 2.157-1.947c.407-.368.821-.748 1.234-1.123c.029-.023-.006-.105-.066-.176l-4.803-5.31l-3.049-3.37a.3.3 0 0 0-.098-.07s-.004-.008-.012-.004q-.039-.027-.061-.008l-2.163 1.954l-1.23 1.115c-.031.024-.001.108.063.183"/></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.