Colour Tuning Outline アイコン
solar:colour-tuning-outline
Colour Tuning Outline アイコン(solar:colour-tuning-outline)は、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
- カテゴリ
- ツール
- タグ
- 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>Web コンポーネント
<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 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Colour Tuning Outline アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。