Иконка Control Knobs
noto:control-knobs
Иконка Control Knobs (noto:control-knobs) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Предметы
- Теги
- controlknobs, knob
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#BDBDBD" d="M112 124H16c-6.6 0-12-5.4-12-12V16C4 9.4 9.4 4 16 4h96c6.6 0 12 5.4 12 12v96c0 6.6-5.4 12-12 12"/><circle cx="34.8" cy="91.49" r="18.82" fill="#757575" opacity=".7"/><circle cx="34.8" cy="91.49" r="15.9" fill="#37474F"/><path fill="#FFF" d="M50.4 88.4c-.12-.59-.27-1.16-.45-1.72l-12.24 2.43c-1.15.23-1.9 1.35-1.67 2.5s1.35 1.9 2.5 1.67l12.14-2.41c-.04-.81-.11-1.64-.28-2.47"/><g fill="#212121" opacity=".7"><circle cx="18.21" cy="107.73" r="1.76"/><circle cx="12.43" cy="98.25" r="1.76"/><circle cx="11.61" cy="87.54" r="1.76"/><circle cx="15.73" cy="77.44" r="1.76"/><circle cx="24.3" cy="70.13" r="1.76"/><circle cx="34.8" cy="67.66" r="1.76"/><circle cx="45.31" cy="70.13" r="1.76"/><circle cx="53.87" cy="77.44" r="1.76"/><circle cx="58" cy="87.54" r="1.76"/><circle cx="57.17" cy="98.25" r="1.76"/><circle cx="51.4" cy="107.73" r="1.76"/></g><path fill="#2F7889" d="M22.42 89.25c1.05-4.51 4.39-8.47 8.68-10.22c.56-.23 1.43-.2 1.69.5c.31.84.16 1.41-.79 1.95c-2.81 1.61-5.11 5.07-5.96 8.6a1.855 1.855 0 0 1-2.33 1.34c-.92-.29-1.51-1.23-1.29-2.17"/><circle cx="34.8" cy="37.23" r="18.82" fill="#757575" opacity=".7"/><circle cx="34.8" cy="37.23" r="15.9" fill="#37474F"/><path fill="#FFF" d="M46.52 26.48c-.41-.44-.84-.85-1.28-1.24l-9.19 8.45c-.87.8-.92 2.14-.13 3.01c.8.87 2.14.92 3.01.13l9.12-8.37c-.46-.69-.96-1.36-1.53-1.98"/><g fill="#212121" opacity=".7"><circle cx="18.21" cy="53.47" r="1.76"/><circle cx="12.43" cy="43.99" r="1.76"/><circle cx="11.61" cy="33.28" r="1.76"/><circle cx="15.73" cy="23.18" r="1.76"/><circle cx="24.3" cy="15.87" r="1.76"/><circle cx="34.8" cy="13.4" r="1.76"/><circle cx="45.31" cy="15.87" r="1.76"/><circle cx="53.87" cy="23.18" r="1.76"/><circle cx="58" cy="33.28" r="1.76"/><circle cx="57.17" cy="43.99" r="1.76"/><circle cx="51.4" cy="53.47" r="1.76"/></g><path fill="#2F7889" d="M22.42 34.96c1.05-4.51 4.39-8.47 8.68-10.22c.56-.23 1.43-.2 1.69.5c.31.84.16 1.41-.79 1.95c-2.81 1.61-5.11 5.07-5.96 8.6a1.855 1.855 0 0 1-2.33 1.34c-.92-.28-1.51-1.23-1.29-2.17"/><circle cx="93.2" cy="91.49" r="18.82" fill="#757575" opacity=".7"/><circle cx="93.2" cy="91.49" r="15.9" fill="#37474F"/><path fill="#FFF" d="M105.99 82.05c-.36-.48-.74-.94-1.14-1.37L94.81 88.1c-.95.7-1.15 2.03-.45 2.98s2.03 1.15 2.98.45l9.95-7.35c-.37-.74-.8-1.45-1.3-2.13"/><g fill="#212121" opacity=".7"><circle cx="76.6" cy="107.73" r="1.76"/><circle cx="70.83" cy="98.25" r="1.76"/><circle cx="70" cy="87.54" r="1.76"/><circle cx="74.13" cy="77.44" r="1.76"/><circle cx="82.69" cy="70.13" r="1.76"/><circle cx="93.2" cy="67.66" r="1.76"/><circle cx="103.7" cy="70.13" r="1.76"/><circle cx="112.27" cy="77.44" r="1.76"/><circle cx="116.39" cy="87.54" r="1.76"/><circle cx="115.57" cy="98.25" r="1.76"/><circle cx="109.79" cy="107.73" r="1.76"/></g><path fill="#2F7889" d="M80.7 89.25c1.05-4.51 4.39-8.47 8.68-10.22c.56-.23 1.43-.2 1.69.5c.31.84.16 1.41-.79 1.95c-2.81 1.61-5.11 5.07-5.96 8.6a1.855 1.855 0 0 1-2.33 1.34c-.92-.29-1.51-1.23-1.29-2.17"/><circle cx="93.2" cy="37.23" r="18.82" fill="#757575" opacity=".7"/><circle cx="93.2" cy="37.23" r="15.9" fill="#37474F"/><path fill="#FFF" d="M80.53 27.62c-.36.48-.69.98-.99 1.48l9.95 7.54c.94.71 2.27.53 2.98-.41s.53-2.27-.41-2.98l-9.86-7.48c-.59.57-1.16 1.18-1.67 1.85"/><g fill="#212121" opacity=".7"><circle cx="76.6" cy="53.47" r="1.76"/><circle cx="70.83" cy="43.99" r="1.76"/><circle cx="70" cy="33.28" r="1.76"/><circle cx="74.13" cy="23.18" r="1.76"/><circle cx="82.69" cy="15.87" r="1.76"/><circle cx="93.2" cy="13.4" r="1.76"/><circle cx="103.7" cy="15.87" r="1.76"/><circle cx="112.27" cy="23.18" r="1.76"/><circle cx="116.39" cy="33.28" r="1.76"/><circle cx="115.57" cy="43.99" r="1.76"/><circle cx="109.79" cy="53.47" r="1.76"/></g><path fill="#2F7889" d="M82.8 45.35c-2.02-3.2-2.34-5.34-2.21-8.48c.04-.85.43-2.28 1.69-2.07c1.14.19 1.02 1.21 1.11 1.91c.37 2.7 1.01 4.17 2.55 6.65c.56.9.24 2.08-.69 2.6c-.84.45-1.93.21-2.45-.61"/></svg>Как использовать иконку Control Knobs
React
import { Icon } from "@iconify/react";
<Icon icon="noto:control-knobs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:control-knobs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:control-knobs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--control-knobs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:control-knobs"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:control-knobs"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto/control-knobs.svg" alt="Иконка Control Knobs" width="24" height="24">Иконка Control Knobs в других наборах
Вопросы и ответы: Иконка Control Knobs
Можно ли бесплатно использовать иконку Control Knobs в коммерческих проектах?
Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Control Knobs в React?
Установите @iconify/react и выведите <Icon icon="noto:control-knobs" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Control Knobs на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/control-knobs.svg" alt="Иконка Control Knobs">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.