control knobs emoji
control-knobs from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- control-knobs
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the control knobs emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="30.3" cy="36.7" r="23.1" fill="#7d8993"/><circle cx="30.3" cy="38.3" r="20.2" fill="#5b636b"/><path fill="#fff" d="M31.6 33.7c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4V18.4c0-.8.6-1.4 1.4-1.4s1.4.6 1.4 1.4z"/><path fill="#94989b" d="M63.4 43.4c1.1-6.1.6-12.5-1.6-18.3s-6.1-11-11.2-14.7c-5-3.7-11.2-5.9-17.5-6.2c-6.3-.2-12.6 1.4-18 4.8c-5.3 3.3-9.7 8.3-12.3 14.1S-.6 35.5.4 41.7c.7 4.3 2.3 8.4 4.7 12.1h3.2C6 50.4 4.5 46.6 3.8 42.6c-.9-5.3-.3-10.8 1.6-15.7c2-5 5.4-9.3 9.7-12.4s9.5-4.9 14.7-5c5.3-.2 10.5 1.3 14.9 4.1s7.9 7 9.9 11.8c2.1 4.8 2.6 10.2 1.7 15.3c-.9 5-3.2 9.5-6.7 13.2h9.9c1.9-3.2 3.2-6.8 3.9-10.5"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneControlKnobs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="30.3" cy="36.7" r="23.1" fill="#7d8993"/><circle cx="30.3" cy="38.3" r="20.2" fill="#5b636b"/><path fill="#fff" d="M31.6 33.7c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4V18.4c0-.8.6-1.4 1.4-1.4s1.4.6 1.4 1.4z"/><path fill="#94989b" d="M63.4 43.4c1.1-6.1.6-12.5-1.6-18.3s-6.1-11-11.2-14.7c-5-3.7-11.2-5.9-17.5-6.2c-6.3-.2-12.6 1.4-18 4.8c-5.3 3.3-9.7 8.3-12.3 14.1S-.6 35.5.4 41.7c.7 4.3 2.3 8.4 4.7 12.1h3.2C6 50.4 4.5 46.6 3.8 42.6c-.9-5.3-.3-10.8 1.6-15.7c2-5 5.4-9.3 9.7-12.4s9.5-4.9 14.7-5c5.3-.2 10.5 1.3 14.9 4.1s7.9 7 9.9 11.8c2.1 4.8 2.6 10.2 1.7 15.3c-.9 5-3.2 9.5-6.7 13.2h9.9c1.9-3.2 3.2-6.8 3.9-10.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="30.3" cy="36.7" r="23.1" fill="#7d8993"/><circle cx="30.3" cy="38.3" r="20.2" fill="#5b636b"/><path fill="#fff" d="M31.6 33.7c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4V18.4c0-.8.6-1.4 1.4-1.4s1.4.6 1.4 1.4z"/><path fill="#94989b" d="M63.4 43.4c1.1-6.1.6-12.5-1.6-18.3s-6.1-11-11.2-14.7c-5-3.7-11.2-5.9-17.5-6.2c-6.3-.2-12.6 1.4-18 4.8c-5.3 3.3-9.7 8.3-12.3 14.1S-.6 35.5.4 41.7c.7 4.3 2.3 8.4 4.7 12.1h3.2C6 50.4 4.5 46.6 3.8 42.6c-.9-5.3-.3-10.8 1.6-15.7c2-5 5.4-9.3 9.7-12.4s9.5-4.9 14.7-5c5.3-.2 10.5 1.3 14.9 4.1s7.9 7 9.9 11.8c2.1 4.8 2.6 10.2 1.7 15.3c-.9 5-3.2 9.5-6.7 13.2h9.9c1.9-3.2 3.2-6.8 3.9-10.5"/></svg> </template>
CSS
.icon-control-knobs {
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%2064%2064%22%3E%3Ccircle%20cx%3D%2230.3%22%20cy%3D%2236.7%22%20r%3D%2223.1%22%20fill%3D%22%237d8993%22%2F%3E%3Ccircle%20cx%3D%2230.3%22%20cy%3D%2238.3%22%20r%3D%2220.2%22%20fill%3D%22%235b636b%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.6%2033.7c0%20.8-.6%201.4-1.4%201.4s-1.4-.6-1.4-1.4V18.4c0-.8.6-1.4%201.4-1.4s1.4.6%201.4%201.4z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M63.4%2043.4c1.1-6.1.6-12.5-1.6-18.3s-6.1-11-11.2-14.7c-5-3.7-11.2-5.9-17.5-6.2c-6.3-.2-12.6%201.4-18%204.8c-5.3%203.3-9.7%208.3-12.3%2014.1S-.6%2035.5.4%2041.7c.7%204.3%202.3%208.4%204.7%2012.1h3.2C6%2050.4%204.5%2046.6%203.8%2042.6c-.9-5.3-.3-10.8%201.6-15.7c2-5%205.4-9.3%209.7-12.4s9.5-4.9%2014.7-5c5.3-.2%2010.5%201.3%2014.9%204.1s7.9%207%209.9%2011.8c2.1%204.8%202.6%2010.2%201.7%2015.3c-.9%205-3.2%209.5-6.7%2013.2h9.9c1.9-3.2%203.2-6.8%203.9-10.5%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%2064%2064%22%3E%3Ccircle%20cx%3D%2230.3%22%20cy%3D%2236.7%22%20r%3D%2223.1%22%20fill%3D%22%237d8993%22%2F%3E%3Ccircle%20cx%3D%2230.3%22%20cy%3D%2238.3%22%20r%3D%2220.2%22%20fill%3D%22%235b636b%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.6%2033.7c0%20.8-.6%201.4-1.4%201.4s-1.4-.6-1.4-1.4V18.4c0-.8.6-1.4%201.4-1.4s1.4.6%201.4%201.4z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M63.4%2043.4c1.1-6.1.6-12.5-1.6-18.3s-6.1-11-11.2-14.7c-5-3.7-11.2-5.9-17.5-6.2c-6.3-.2-12.6%201.4-18%204.8c-5.3%203.3-9.7%208.3-12.3%2014.1S-.6%2035.5.4%2041.7c.7%204.3%202.3%208.4%204.7%2012.1h3.2C6%2050.4%204.5%2046.6%203.8%2042.6c-.9-5.3-.3-10.8%201.6-15.7c2-5%205.4-9.3%209.7-12.4s9.5-4.9%2014.7-5c5.3-.2%2010.5%201.3%2014.9%204.1s7.9%207%209.9%2011.8c2.1%204.8%202.6%2010.2%201.7%2015.3c-.9%205-3.2%209.5-6.7%2013.2h9.9c1.9-3.2%203.2-6.8%203.9-10.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/control-knobs.svg?color=%231a73e8&size=48
