Tuning Bold Duotone アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:tuning-bold-duotone

Tuning Bold Duotone アイコン(solar:tuning-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 設定
タグ: tuningbold、boldduotone、tuningboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.752 14.4995C13.752 12.8427 15.0951 11.4995 16.752 11.4995C18.4088 11.4995 19.752 12.8427 19.752 14.4995C19.752 16.1564 18.4088 17.4995 16.752 17.4995C15.0951 17.4995 13.752 16.1564 13.752 14.4995Z"/><path d="M3.75195 9.49951C3.75195 11.1564 5.0951 12.4995 6.75195 12.4995C8.40881 12.4995 9.75195 11.1564 9.75195 9.49951C9.75195 7.84266 8.40881 6.49951 6.75195 6.49951C5.0951 6.49951 3.75195 7.84266 3.75195 9.49951Z"/><g opacity=".5"><path d="M7.46191 6.58367C7.23474 6.52866 6.99747 6.49951 6.75339 6.49951C6.47944 6.49951 6.21406 6.53623 5.96191 6.60502L5.96191 1.99951C5.96191 1.5853 6.2977 1.24951 6.71191 1.24951C7.12613 1.24951 7.46191 1.5853 7.46191 1.99951L7.46191 6.58367Z"/><path d="M5.96191 12.394C6.21406 12.4628 6.47944 12.4995 6.75339 12.4995C6.99747 12.4995 7.23474 12.4704 7.46191 12.4154L7.46191 21.9995C7.46191 22.4137 7.12613 22.7495 6.71191 22.7495C6.2977 22.7495 5.96191 22.4137 5.96191 21.9995L5.96191 12.394Z"/><path d="M15.9619 17.394V21.9995C15.9619 22.4137 16.2977 22.7495 16.7119 22.7495C17.1261 22.7495 17.4619 22.4137 17.4619 21.9995V17.4154C17.2347 17.4704 16.9975 17.4995 16.7534 17.4995C16.4794 17.4995 16.2141 17.4628 15.9619 17.394Z"/><path d="M17.4619 11.5837V1.99951C17.4619 1.5853 17.1261 1.24951 16.7119 1.24951C16.2977 1.24951 15.9619 1.5853 15.9619 1.99951V11.605C16.2141 11.5362 16.4794 11.4995 16.7534 11.4995C16.9975 11.4995 17.2347 11.5287 17.4619 11.5837Z"/></g></g></svg>

Tuning Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:tuning-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:tuning-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:tuning-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--tuning-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:tuning-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:tuning-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/tuning-bold-duotone.svg" alt="Tuning Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Tuning Bold Duotone アイコンのよくある質問

Tuning Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Tuning Bold Duotone アイコンを使うには?

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

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

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

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