controlknob emoji

More objects icons from Firefox OS Emoji

Use the controlknob emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#BAC5C6" d="M401.52 485.491c0 10.929-8.86 19.789-19.789 19.789H131.148c-10.929 0-19.789-8.86-19.789-19.789V27.549c0-10.929 8.86-19.789 19.789-19.789h250.583c10.929 0 19.789 8.86 19.789 19.789z"/><path fill="#989FA0" d="M344.781 138.522c0 41.967-34.021 75.988-75.988 75.988s-75.988-34.021-75.988-75.988s34.021-75.988 75.988-75.988s75.988 34.021 75.988 75.988m-75.988 187.119c-41.967 0-75.988 34.021-75.988 75.988s34.021 75.988 75.988 75.988s75.988-34.021 75.988-75.988s-34.021-75.988-75.988-75.988"/><path fill="#464A4C" d="M331.1 124.841c0 41.967-34.021 75.988-75.988 75.988s-75.988-34.021-75.988-75.988s34.021-75.988 75.988-75.988S331.1 82.874 331.1 124.841M255.112 311.96c-41.967 0-75.988 34.021-75.988 75.988s34.021 75.988 75.988 75.988s75.988-34.021 75.988-75.988s-34.021-75.988-75.988-75.988"/><path fill="#F4F3EF" d="M255.112 131.751a6.91 6.91 0 0 1-6.91-6.91V48.853a6.91 6.91 0 0 1 13.82 0v75.988a6.91 6.91 0 0 1-6.91 6.91m6.275 259.093a6.91 6.91 0 0 0-3.38-9.169l-69-31.833a6.91 6.91 0 0 0-5.789 12.549l69 31.833a6.9 6.9 0 0 0 2.89.638a6.92 6.92 0 0 0 6.279-4.018"/><path fill="#8A98A0" d="M301.613 259.975h-88.341a3.455 3.455 0 0 1 0-6.91h88.341a3.455 3.455 0 0 1 0 6.91"/></svg>

import type { SVGProps } from "react";

export function FxemojiControlknob(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#BAC5C6" d="M401.52 485.491c0 10.929-8.86 19.789-19.789 19.789H131.148c-10.929 0-19.789-8.86-19.789-19.789V27.549c0-10.929 8.86-19.789 19.789-19.789h250.583c10.929 0 19.789 8.86 19.789 19.789z"/><path fill="#989FA0" d="M344.781 138.522c0 41.967-34.021 75.988-75.988 75.988s-75.988-34.021-75.988-75.988s34.021-75.988 75.988-75.988s75.988 34.021 75.988 75.988m-75.988 187.119c-41.967 0-75.988 34.021-75.988 75.988s34.021 75.988 75.988 75.988s75.988-34.021 75.988-75.988s-34.021-75.988-75.988-75.988"/><path fill="#464A4C" d="M331.1 124.841c0 41.967-34.021 75.988-75.988 75.988s-75.988-34.021-75.988-75.988s34.021-75.988 75.988-75.988S331.1 82.874 331.1 124.841M255.112 311.96c-41.967 0-75.988 34.021-75.988 75.988s34.021 75.988 75.988 75.988s75.988-34.021 75.988-75.988s-34.021-75.988-75.988-75.988"/><path fill="#F4F3EF" d="M255.112 131.751a6.91 6.91 0 0 1-6.91-6.91V48.853a6.91 6.91 0 0 1 13.82 0v75.988a6.91 6.91 0 0 1-6.91 6.91m6.275 259.093a6.91 6.91 0 0 0-3.38-9.169l-69-31.833a6.91 6.91 0 0 0-5.789 12.549l69 31.833a6.9 6.9 0 0 0 2.89.638a6.92 6.92 0 0 0 6.279-4.018"/><path fill="#8A98A0" d="M301.613 259.975h-88.341a3.455 3.455 0 0 1 0-6.91h88.341a3.455 3.455 0 0 1 0 6.91"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#BAC5C6" d="M401.52 485.491c0 10.929-8.86 19.789-19.789 19.789H131.148c-10.929 0-19.789-8.86-19.789-19.789V27.549c0-10.929 8.86-19.789 19.789-19.789h250.583c10.929 0 19.789 8.86 19.789 19.789z"/><path fill="#989FA0" d="M344.781 138.522c0 41.967-34.021 75.988-75.988 75.988s-75.988-34.021-75.988-75.988s34.021-75.988 75.988-75.988s75.988 34.021 75.988 75.988m-75.988 187.119c-41.967 0-75.988 34.021-75.988 75.988s34.021 75.988 75.988 75.988s75.988-34.021 75.988-75.988s-34.021-75.988-75.988-75.988"/><path fill="#464A4C" d="M331.1 124.841c0 41.967-34.021 75.988-75.988 75.988s-75.988-34.021-75.988-75.988s34.021-75.988 75.988-75.988S331.1 82.874 331.1 124.841M255.112 311.96c-41.967 0-75.988 34.021-75.988 75.988s34.021 75.988 75.988 75.988s75.988-34.021 75.988-75.988s-34.021-75.988-75.988-75.988"/><path fill="#F4F3EF" d="M255.112 131.751a6.91 6.91 0 0 1-6.91-6.91V48.853a6.91 6.91 0 0 1 13.82 0v75.988a6.91 6.91 0 0 1-6.91 6.91m6.275 259.093a6.91 6.91 0 0 0-3.38-9.169l-69-31.833a6.91 6.91 0 0 0-5.789 12.549l69 31.833a6.9 6.9 0 0 0 2.89.638a6.92 6.92 0 0 0 6.279-4.018"/><path fill="#8A98A0" d="M301.613 259.975h-88.341a3.455 3.455 0 0 1 0-6.91h88.341a3.455 3.455 0 0 1 0 6.91"/></svg>
</template>

.icon-controlknob {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23BAC5C6%22%20d%3D%22M401.52%20485.491c0%2010.929-8.86%2019.789-19.789%2019.789H131.148c-10.929%200-19.789-8.86-19.789-19.789V27.549c0-10.929%208.86-19.789%2019.789-19.789h250.583c10.929%200%2019.789%208.86%2019.789%2019.789z%22%2F%3E%3Cpath%20fill%3D%22%23989FA0%22%20d%3D%22M344.781%20138.522c0%2041.967-34.021%2075.988-75.988%2075.988s-75.988-34.021-75.988-75.988s34.021-75.988%2075.988-75.988s75.988%2034.021%2075.988%2075.988m-75.988%20187.119c-41.967%200-75.988%2034.021-75.988%2075.988s34.021%2075.988%2075.988%2075.988s75.988-34.021%2075.988-75.988s-34.021-75.988-75.988-75.988%22%2F%3E%3Cpath%20fill%3D%22%23464A4C%22%20d%3D%22M331.1%20124.841c0%2041.967-34.021%2075.988-75.988%2075.988s-75.988-34.021-75.988-75.988s34.021-75.988%2075.988-75.988S331.1%2082.874%20331.1%20124.841M255.112%20311.96c-41.967%200-75.988%2034.021-75.988%2075.988s34.021%2075.988%2075.988%2075.988s75.988-34.021%2075.988-75.988s-34.021-75.988-75.988-75.988%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M255.112%20131.751a6.91%206.91%200%200%201-6.91-6.91V48.853a6.91%206.91%200%200%201%2013.82%200v75.988a6.91%206.91%200%200%201-6.91%206.91m6.275%20259.093a6.91%206.91%200%200%200-3.38-9.169l-69-31.833a6.91%206.91%200%200%200-5.789%2012.549l69%2031.833a6.9%206.9%200%200%200%202.89.638a6.92%206.92%200%200%200%206.279-4.018%22%2F%3E%3Cpath%20fill%3D%22%238A98A0%22%20d%3D%22M301.613%20259.975h-88.341a3.455%203.455%200%200%201%200-6.91h88.341a3.455%203.455%200%200%201%200%206.91%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23BAC5C6%22%20d%3D%22M401.52%20485.491c0%2010.929-8.86%2019.789-19.789%2019.789H131.148c-10.929%200-19.789-8.86-19.789-19.789V27.549c0-10.929%208.86-19.789%2019.789-19.789h250.583c10.929%200%2019.789%208.86%2019.789%2019.789z%22%2F%3E%3Cpath%20fill%3D%22%23989FA0%22%20d%3D%22M344.781%20138.522c0%2041.967-34.021%2075.988-75.988%2075.988s-75.988-34.021-75.988-75.988s34.021-75.988%2075.988-75.988s75.988%2034.021%2075.988%2075.988m-75.988%20187.119c-41.967%200-75.988%2034.021-75.988%2075.988s34.021%2075.988%2075.988%2075.988s75.988-34.021%2075.988-75.988s-34.021-75.988-75.988-75.988%22%2F%3E%3Cpath%20fill%3D%22%23464A4C%22%20d%3D%22M331.1%20124.841c0%2041.967-34.021%2075.988-75.988%2075.988s-75.988-34.021-75.988-75.988s34.021-75.988%2075.988-75.988S331.1%2082.874%20331.1%20124.841M255.112%20311.96c-41.967%200-75.988%2034.021-75.988%2075.988s34.021%2075.988%2075.988%2075.988s75.988-34.021%2075.988-75.988s-34.021-75.988-75.988-75.988%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M255.112%20131.751a6.91%206.91%200%200%201-6.91-6.91V48.853a6.91%206.91%200%200%201%2013.82%200v75.988a6.91%206.91%200%200%201-6.91%206.91m6.275%20259.093a6.91%206.91%200%200%200-3.38-9.169l-69-31.833a6.91%206.91%200%200%200-5.789%2012.549l69%2031.833a6.9%206.9%200%200%200%202.89.638a6.92%206.92%200%200%200%206.279-4.018%22%2F%3E%3Cpath%20fill%3D%22%238A98A0%22%20d%3D%22M301.613%20259.975h-88.341a3.455%203.455%200%200%201%200-6.91h88.341a3.455%203.455%200%200%201%200%206.91%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/controlknob.svg?color=%231a73e8&size=48