Contour Light アイコン
thesvg-color:contour-light
Contour Light アイコン(thesvg-color:contour-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 360 × 360 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 360 × 360
- タグ
- contourlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="360" height="360" viewBox="0 0 360 360"><path fill="#009cdc" d="M233.494 13.607A172.5 172.5 0 0 0 189.6 5.438c-18.11 99.876-68.02 169.764-111.296 213.538a430.6 430.6 0 0 1-50.308 43.508a174 174 0 0 0 13.98 21.408c27.223-17.232 52.176-36.806 71.681-55.386c46.631-44.418 100.42-115.007 119.836-214.899m58.397 110.34a372.5 372.5 0 0 0 23.406-53.908a175 175 0 0 0-30.63-29.736c-23.844 94.18-79.445 162.106-127.98 205.904a497.6 497.6 0 0 1-89.624 64.254a175 175 0 0 0 14.718 11.372a517.2 517.2 0 0 0 106.499-70.697c43.913-37.733 78.773-80.526 103.61-127.19"/><path fill="#009cdc" d="M277.15 34.899a173.2 173.2 0 0 0-38.294-19.473c-19.8 100.895-74.176 172.22-121.333 217.14a464 464 0 0 1-71.817 56.067a175 175 0 0 0 14.624 15.728a485.2 485.2 0 0 0 90.613-64.519C199.065 196.417 254.268 128.8 277.151 34.9m58.983 98.3c2.517-4.486 4.893-9.006 7.203-13.541a173.3 173.3 0 0 0-19.695-38.41a386 386 0 0 1-21.565 48.12c-25.514 47.935-61.272 91.848-106.277 130.52a533.5 533.5 0 0 1-102.628 69.143q7.062 4.101 14.525 7.544a550 550 0 0 0 117.96-74.18c46.77-38.432 83.94-81.9 110.477-129.196M186.938 5.34c-2.277-.089-4.556-.174-6.854-.174c-95.745 0-173.64 77.898-173.64 173.64a172.5 172.5 0 0 0 20.289 81.333a428 428 0 0 0 49.696-43.018c42.94-43.434 92.455-112.746 110.509-211.78"/><path fill="#009cdc" d="M348.787 140.3c-27.423 48.873-65.75 93.724-113.918 133.306a571.3 571.3 0 0 1-108.75 70.21a172.9 172.9 0 0 0 53.965 8.63c95.744 0 173.64-77.897 173.64-173.64a173.4 173.4 0 0 0-4.533-39.264c-.14.251-.264.507-.404.758"/></svg>Contour Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:contour-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:contour-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:contour-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--contour-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:contour-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:contour-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/contour-light.svg" alt="Contour Light アイコン" width="24" height="24">theSVG Color の関連アイコン
Contour Light アイコン のよくある質問
Contour Light アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Contour Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:contour-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Contour Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/contour-light.svg" alt="Contour Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。