Tuning Bold icon

solar:tuning-bold

The Tuning Bold icon (solar:tuning-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Settings
Tags: tuningbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.959 9.75C16.5448 9.75 16.209 9.41421 16.209 9L16.209 2C16.209 1.58579 16.5448 1.25 16.959 1.25C17.3732 1.25 17.709 1.58579 17.709 2L17.709 9C17.709 9.41421 17.3732 9.75 16.959 9.75Z"/><path d="M7 12.5C5.34315 12.5 4 11.1569 4 9.5C4 7.84315 5.34315 6.5 7 6.5C8.65685 6.5 10 7.84315 10 9.5C10 11.1569 8.65685 12.5 7 12.5Z"/><path d="M17 11.5C15.3431 11.5 14 12.8431 14 14.5C14 16.1569 15.3431 17.5 17 17.5C18.6569 17.5 20 16.1569 20 14.5C20 12.8431 18.6569 11.5 17 11.5Z"/><path d="M6.20901 15C6.20901 14.5858 6.5448 14.25 6.95901 14.25C7.37322 14.25 7.70901 14.5858 7.70901 15V22C7.70901 22.4142 7.37322 22.75 6.95901 22.75C6.5448 22.75 6.20901 22.4142 6.20901 22V15Z"/><path d="M16.959 22.75C16.5448 22.75 16.209 22.4142 16.209 22V20C16.209 19.5858 16.5448 19.25 16.959 19.25C17.3732 19.25 17.709 19.5858 17.709 20V22C17.709 22.4142 17.3732 22.75 16.959 22.75Z"/><path d="M6.20901 2C6.20901 1.58579 6.5448 1.25 6.95901 1.25C7.37322 1.25 7.70901 1.58579 7.70901 2V4C7.70901 4.41421 7.37322 4.75 6.95901 4.75C6.5448 4.75 6.20901 4.41421 6.20901 4V2Z"/></g></svg>

How to use the Tuning Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/solar/tuning-bold.svg" alt="Tuning Bold icon" width="24" height="24">

Related icons in Solar

Tuning Bold icon FAQ

Is the Tuning Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Tuning Bold icon in React?

Install @iconify/react and render <Icon icon="solar:tuning-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tuning Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/tuning-bold.svg" alt="Tuning Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →