ICONYZ
日本語
Qlementine Icons の Audio Interface 16 アイコン

Audio Interface 16 アイコン

qlementine-icons:audio-interface-16

Audio Interface 16 アイコン(qlementine-icons:audio-interface-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
24 × 24
カテゴリ
ハードウェア
タグ
audiointerface
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4 11c1.1 0 2-.895 2-2a2 2 0 1 0-2 2M3 8.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1v.5a.5.5 0 0 1-1 0V9a.5.5 0 0 1-.5-.5m8 .5c0 1.1-.895 2-2 2c-1.1 0-2-.895-2-2c0-1.1.895-2 2-2c1.1 0 2 .895 2 2M8.5 8a.5.5 0 0 0 0 1v.5a.5.5 0 0 0 1 0V9a.5.5 0 0 0 0-1z" clip-rule="evenodd"/><path fill="currentColor" d="M13 10.5a.5.5 0 1 1 1 0a.5.5 0 0 1-1 0M13 9a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="currentColor" fill-rule="evenodd" d="M16 6.85c-.028-.316-.083-.553-.188-.759l-.057-.104a3 3 0 0 0-.167-.313c-.186-.303-.445-.562-.964-1.08l-.188-.188c-.519-.519-.778-.778-1.08-.964a3 3 0 0 0-.867-.359C12.144 3 11.777 3 11.039 3h-6.02c-.734 0-1.1 0-1.45.083a3 3 0 0 0-.867.359c-.303.186-.562.445-1.08.964l-.188.188c-.519.519-.778.778-.964 1.08a3 3 0 0 0-.167.313q-.03.051-.057.104c-.105.206-.16.443-.188.759c-.03.276-.03.613-.03 1.14V9.8c0 1.12 0 1.68.218 2.11c.192.376.498.682.874.874c.428.218.988.218 2.11.218h9.6c1.12 0 1.68 0 2.11-.218c.376-.192.682-.498.874-.874c.204-.401.217-.918.218-1.9V7.99c0-.525 0-.862-.03-1.14zm-.97 1.35c0-.577 0-.949-.024-1.23l-.003-.033a1 1 0 0 0-.028-.16a2 2 0 0 0-.106-.32a1 1 0 0 0-.384-.347c-.05-.025-.15-.062-.422-.085a17 17 0 0 0-1.23-.024h-9.6c-.577 0-.95.001-1.23.024c-.272.023-.372.06-.422.085a1 1 0 0 0-.384.346a2 2 0 0 0-.135.481l-.003.033c-.023.283-.023.656-.023 1.23v1.6c0 .504 0 .853.016 1.12l.007.11c.023.273.06.373.085.423c.096.188.25.34.437.437c.05.025.15.063.422.085c.283.023.656.024 1.23.024h9.6c.577 0 .95 0 1.23-.024c.272-.022.372-.06.422-.085c.188-.096.341-.25.437-.437c.026-.05.063-.15.086-.422c.021-.266.023-.61.023-1.13V8.19zM2.43 5q.34-.005.79-.004h9.6q.45-.001.79.004c-.466-.465-.622-.608-.788-.71a2 2 0 0 0-.578-.239c-.203-.049-.431-.055-1.21-.055h-6.02c-.781 0-1.01.006-1.21.055q-.308.074-.578.239c-.166.102-.321.244-.788.71z" clip-rule="evenodd"/></svg>

Audio Interface 16 アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="qlementine-icons:audio-interface-16" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="qlementine-icons:audio-interface-16" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="qlementine-icons:audio-interface-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--audio-interface-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:audio-interface-16"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="qlementine-icons:audio-interface-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/audio-interface-16.svg" alt="Audio Interface 16 アイコン" width="24" height="24">

Audio Interface 16 アイコン のよくある質問

Audio Interface 16 アイコンは商用利用でも無料ですか?

はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Audio Interface 16 アイコンを使うには?

@iconify/react をインストールして <Icon icon="qlementine-icons:audio-interface-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Audio Interface 16 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/audio-interface-16.svg" alt="Audio Interface 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Qlementine Icons をすべて見る →