Turntable アイコン

Q: Turntable アイコンは商用利用でも無料ですか?

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

reicon:turntable

Turntable アイコン(reicon:turntable)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: デバイス

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="M9.932 1.25h4.136c1.828 0 3.294 0 4.445.193c1.208.203 2.165.633 2.901 1.553c.717.896 1.033 2.019 1.185 3.437c.151 1.402.151 3.203.151 5.52v.094c0 2.317 0 4.118-.15 5.52c-.153 1.418-.47 2.541-1.186 3.437c-.736.92-1.693 1.35-2.9 1.553c-1.152.193-2.618.193-4.446.193H9.932c-1.828 0-3.294 0-4.445-.193c-1.208-.203-2.165-.633-2.901-1.553c-.717-.896-1.033-2.019-1.185-3.437c-.151-1.402-.151-3.203-.151-5.52v-.094c0-2.317 0-4.118.15-5.52c.153-1.418.47-2.541 1.186-3.437c.736-.92 1.693-1.35 2.9-1.553c1.152-.193 2.618-.193 4.446-.193M5.735 2.923c-.97.163-1.542.465-1.978 1.01c-.455.569-.725 1.356-.865 2.66C2.751 7.907 2.75 9.627 2.75 12s.001 4.094.142 5.406c.14 1.305.41 2.092.865 2.661c.436.545 1.007.847 1.978 1.01c1.013.17 2.353.173 4.265.173h4c1.912 0 3.252-.003 4.265-.173c.97-.163 1.542-.465 1.978-1.01c.455-.569.725-1.356.865-2.66c.141-1.313.142-3.033.142-5.407s-.001-4.094-.142-5.406c-.14-1.305-.41-2.092-.865-2.661c-.436-.545-1.007-.847-1.978-1.01c-1.013-.17-2.353-.173-4.265-.173h-4c-1.912 0-3.252.002-4.265.173M14.75 9a2.25 2.25 0 1 1 3 2.122v3.642a2.75 2.75 0 0 1-1.52 2.46l-.895.447a.75.75 0 1 1-.67-1.342l.894-.447a1.25 1.25 0 0 0 .691-1.118v-3.642A2.25 2.25 0 0 1 14.75 9M17 8.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5M5.25 12a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0M10 8.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5" clip-rule="evenodd"/></svg>

Turntable アイコンの使い方

React

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

<Icon icon="reicon:turntable" width="24" />

Vue

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

<template>
  <Icon icon="reicon:turntable" width="24" />
</template>

Svelte

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

<Icon icon="reicon:turntable" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--turntable]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:turntable"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:turntable"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/turntable.svg" alt="Turntable アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Turntable アイコン

Turntable アイコンのよくある質問

Turntable アイコンは商用利用でも無料ですか?

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

React で Turntable アイコンを使うには?

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

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

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

Reicon アイコンをすべて見る →