Polar Light アイコン
thesvg-color:polar-light
Polar Light アイコン(thesvg-color:polar-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 300 × 300 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 300 × 300
- タグ
- polarlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><g clip-path="url(#SVGDTtXObki)"><path fill="#0062ff" fill-rule="evenodd" d="M66.428 274.26c68.448 46.333 161.497 28.406 207.83-40.041c46.335-68.448 28.408-161.497-40.04-207.83C165.77-19.946 72.721-2.019 26.388 66.428c-46.336 68.45-28.408 161.5 40.039 207.832ZM47.956 116.67c-17.119 52.593-11.412 105.223 11.29 139.703C18.04 217.361 7.275 150.307 36.943 92.318c18.971-37.082 50.623-62.924 85.556-73.97C90.59 36.711 62.554 71.814 47.955 116.67Zm127.391 166.467c36.03-10.531 68.864-36.752 88.338-74.815c29.416-57.497 19.083-123.905-21.258-163.055c21.793 34.496 27.046 86.275 10.204 138.02c-15.016 46.134-44.246 81.952-77.284 99.85m8.28-16.908c24.318-20.811 44.389-55.625 53.309-97.439c14.097-66.097-4.385-127.592-41.824-148.113c19.858 26.718 29.91 78.613 23.712 136.656c-4.739 44.391-18.01 83.26-35.197 108.896M63.717 131.844c-14.201 66.586 4.66 128.501 42.657 148.561c-20.378-26.396-30.777-78.891-24.498-137.694c4.661-43.657 17.574-81.974 34.349-107.614c-23.957 20.886-43.687 55.392-52.507 96.747Zm136.117 17.717c1.074 67.912-20.244 123.317-47.612 123.748c-27.369.433-50.425-54.27-51.498-122.182s20.244-123.318 47.613-123.75c27.368-.432 50.425 54.271 51.497 122.184" clip-rule="evenodd"/></g><defs><clipPath id="SVGDTtXObki"><path fill="#fff" d="M0 0h300v300H0z"/></clipPath></defs></g></svg>Polar Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:polar-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:polar-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:polar-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--polar-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:polar-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:polar-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/polar-light.svg" alt="Polar Light アイコン" width="24" height="24">theSVG Color の関連アイコン
Polar Light アイコン のよくある質問
Polar Light アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Polar Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:polar-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Polar Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/polar-light.svg" alt="Polar Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。