Control Knobs アイコン
fluent-emoji-flat:control-knobs
Control Knobs アイコン(fluent-emoji-flat:control-knobs)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- controlknobs、knob
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#bebebe" d="M26.27 2H5.75C3.68 2 2 3.68 2 5.75v20.48c0 2.07 1.68 3.75 3.75 3.75h20.52c2.07 0 3.75-1.68 3.75-3.75V5.75c0-2.07-1.68-3.75-3.75-3.75"/><path fill="#d3d3d3" fill-rule="evenodd" d="M18.17 11.09c0 2.49 2.03 4.52 4.52 4.52s4.52-2.03 4.52-4.52s-2.03-4.52-4.52-4.52s-4.52 2.03-4.52 4.52M6.22 14.28c.88.88 2.04 1.32 3.2 1.32s2.31-.44 3.19-1.32a4.527 4.527 0 0 0 0-6.39a4.527 4.527 0 0 0-6.39 0a4.527 4.527 0 0 0 0 6.39m3.2 13.22c-2.49 0-4.52-2.03-4.52-4.52s2.03-4.52 4.52-4.52s4.52 2.03 4.52 4.52s-2.03 4.52-4.52 4.52m10.07-1.32c.88.88 2.04 1.32 3.2 1.32c1.15 0 2.31-.44 3.19-1.32a4.527 4.527 0 0 0 0-6.39a4.527 4.527 0 0 0-6.39 0a4.527 4.527 0 0 0 0 6.39" clip-rule="evenodd"/><path fill="#0092e7" fill-rule="evenodd" d="M12.83 11.09a3.41 3.41 0 1 1-6.82 0a3.41 3.41 0 0 1 6.82 0m13.27 0a3.41 3.41 0 1 1-6.82 0a3.41 3.41 0 0 1 6.82 0M9.42 26.39a3.41 3.41 0 1 0 0-6.82a3.41 3.41 0 0 0 0 6.82m16.68-3.41a3.41 3.41 0 1 1-6.82 0a3.41 3.41 0 0 1 6.82 0" clip-rule="evenodd"/><path fill="#636363" d="M9.42 4.23a.56.56 0 0 0-.56.56v.93c0 .308.252.56.56.56s.56-.252.56-.56v-.93a.56.56 0 0 0-.56-.56M6.757 5.356a.56.56 0 1 0-.965.567l.466.809l.004.007A.58.58 0 0 0 6.74 7a.53.53 0 0 0 .276-.074a.566.566 0 0 0 .205-.754zm5.315.012a.55.55 0 0 1 .762-.206c.276.152.36.5.202.764l-.458.797A.56.56 0 0 1 12.1 7a.564.564 0 0 1-.487-.834zM22.69 4.24a.56.56 0 0 0-.56.56v.92c0 .308.252.56.56.56a.566.566 0 0 0 .56-.534V4.8a.56.56 0 0 0-.56-.56m-3.426.924a.557.557 0 0 1 .763.202l.464.806c.138.259.06.6-.204.754A.53.53 0 0 1 20.01 7a.58.58 0 0 1-.478-.261l-.004-.007l-.468-.814a.566.566 0 0 1 .204-.754m6.088.204a.55.55 0 0 1 .761-.206c.277.152.36.5.203.764l-.463.806l-.005.007A.6.6 0 0 1 25.37 7a.5.5 0 0 1-.282-.078a.55.55 0 0 1-.194-.758zM9.42 16.12a.56.56 0 0 0-.56.56v.93c0 .308.252.56.56.56s.56-.252.56-.56v-.93a.56.56 0 0 0-.56-.56m-3.417.93a.565.565 0 0 1 .754.206l.464.806c.138.259.06.6-.205.754a.53.53 0 0 1-.276.074a.58.58 0 0 1-.478-.261l-.004-.007l-.468-.814a.566.566 0 0 1 .206-.755zm6.079.208a.55.55 0 0 1 .761-.206c.277.152.36.5.203.764l-.462.803a.567.567 0 0 1-.766.193a.55.55 0 0 1-.194-.758zM22.69 16.12a.56.56 0 0 0-.56.56v.93c0 .308.252.56.56.56c.32 0 .543-.262.56-.545v-.945a.56.56 0 0 0-.56-.56m-3.417.93a.565.565 0 0 1 .754.206l.464.806c.138.259.06.6-.204.754a.53.53 0 0 1-.277.074a.58.58 0 0 1-.478-.261l-.004-.007l-.468-.814a.565.565 0 0 1 .206-.755zm6.079.208a.55.55 0 0 1 .761-.206c.277.152.36.5.203.764l-.463.806l-.005.007a.6.6 0 0 1-.478.261a.5.5 0 0 1-.282-.078a.55.55 0 0 1-.194-.758z"/><path fill="#f4f4f4" fill-rule="evenodd" d="M11.554 9.664a.5.5 0 0 0-.708-.707l-1.78 1.78a.5.5 0 1 0 .707.707zm8.616.926a.5.5 0 1 0 0 1h2.52a.5.5 0 1 0 0-1zM9.42 22.48h2.51a.5.5 0 1 1 0 1H9.42a.5.5 0 0 1 0-1m11.844-1.634a.5.5 0 0 0-.708.708l1.78 1.78a.5.5 0 1 0 .708-.707z" clip-rule="evenodd"/></g></svg>Control Knobs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:control-knobs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:control-knobs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:control-knobs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--control-knobs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:control-knobs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:control-knobs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/control-knobs.svg" alt="Control Knobs アイコン" width="24" height="24">他のアイコンセットの Control Knobs アイコン
Control Knobs アイコン のよくある質問
Control Knobs アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Control Knobs アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:control-knobs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Control Knobs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/control-knobs.svg" alt="Control Knobs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。