Colour Tuning Outline icon
solar:colour-tuning-outline
The Colour Tuning Outline icon (solar:colour-tuning-outline) 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
- Tools
- Tags
- colourtuning, tuningoutline, colourtuningoutline, colour tuneing outline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.11603 4.33293C5.40767 5.38611 4.89405 6.82121 4.89405 8.31567C4.89405 8.72988 4.55826 9.06567 4.14405 9.06567C3.72984 9.06567 3.39405 8.72988 3.39405 8.31567C3.39405 6.49434 4.0133 4.77154 4.87137 3.49578C5.30122 2.85669 5.80475 2.30916 6.34523 1.91465C6.87914 1.52494 7.49848 1.24988 8.14405 1.24988C9.70921 1.24988 10.894 2.36252 11.6493 4.14102C12.4046 5.91978 12.8223 8.53568 12.8223 12C12.8223 15.3778 13.2343 17.7619 13.8758 19.2727C14.5174 20.7837 15.2967 21.25 16.0002 21.25C16.2218 21.25 16.536 21.1501 16.9147 20.8737C17.2868 20.6021 17.6749 20.1924 18.0283 19.667C18.7366 18.6138 19.2502 17.1787 19.2502 15.6843C19.2502 15.27 19.586 14.9343 20.0002 14.9343C20.4145 14.9343 20.7502 15.27 20.7502 15.6843C20.7502 17.5056 20.131 19.2284 19.2729 20.5041C18.8431 21.1432 18.3395 21.6908 17.7991 22.0853C17.2651 22.475 16.6458 22.75 16.0002 22.75C14.4351 22.75 13.2503 21.6374 12.4951 19.859C11.7398 18.0803 11.3223 15.4644 11.3223 12C11.3223 8.6223 10.9102 6.23812 10.2686 4.72732C9.62691 3.21626 8.84761 2.74988 8.14405 2.74988C7.92249 2.74988 7.60826 2.84982 7.22959 3.12622C6.85749 3.39783 6.46941 3.80754 6.11603 4.33293ZM1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H9.5C9.91421 11.25 10.25 11.5858 10.25 12C10.25 12.4143 9.91421 12.75 9.5 12.75H2C1.58579 12.75 1.25 12.4143 1.25 12ZM13.75 12C13.75 11.5858 14.0858 11.25 14.5 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4143 22.4142 12.75 22 12.75H14.5C14.0858 12.75 13.75 12.4143 13.75 12Z" clip-rule="evenodd"/></svg>How to use the Colour Tuning Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:colour-tuning-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:colour-tuning-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:colour-tuning-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--colour-tuning-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:colour-tuning-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:colour-tuning-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/colour-tuning-outline.svg" alt="Colour Tuning Outline icon" width="24" height="24">Related icons in Solar
Colour Tuning Outline icon FAQ
Is the Colour Tuning Outline 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 Colour Tuning Outline icon in React?
Install @iconify/react and render <Icon icon="solar:colour-tuning-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Colour Tuning Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/colour-tuning-outline.svg" alt="Colour Tuning Outline icon">, or paste the SVG code inline to style it with CSS.