Иконка Colour Tuning Outline
solar:colour-tuning-outline
Иконка Colour Tuning Outline (solar:colour-tuning-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Инструменты
- Теги
- colourtuning, tuningoutline, colourtuningoutline, colour tuneing outline
Код 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="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>Как использовать иконку Colour Tuning Outline
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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/solar/colour-tuning-outline.svg" alt="Иконка Colour Tuning Outline" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Colour Tuning Outline
Можно ли бесплатно использовать иконку Colour Tuning Outline в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Colour Tuning Outline в React?
Установите @iconify/react и выведите <Icon icon="solar:colour-tuning-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Colour Tuning Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/colour-tuning-outline.svg" alt="Иконка Colour Tuning Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.