Lifesight Light アイコン

Q: Lifesight Light アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:lifesight-light

Lifesight Light アイコン(thesvg-color:lifesight-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 237 × 66 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 237 × 66
タグ: lifesightlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="237" height="66" viewBox="0 0 237 66"><g fill="#fff"><path d="M237.001 50.882c-3.065.222-6.185.763-9.181-.166c-4.165-1.293-7.35-5.208-8.067-9.486l-.049-33.793l8.758-1.859v8.784h8.308v7.858h-8.308v16.99c0 .35.965 2.28 1.283 2.644c1.671 1.893 4.978 1.867 7.256 1.4zM0 7.427l8.77-1.849v45.304H0zM166.385 18.29v-3.93h8.308v36.637c0 2.635-2.375 7.077-4.147 9.021c-8.103 8.88-26.83 6.994-30.681-5.187l8.058-3.025c2.031 7.08 13.56 7.731 17.036 1.458c.245-.441.967-2.122.967-2.499v-5.663c-4.505 4.623-11.539 5.247-17.368 2.95c-14.502-5.716-14.488-28.024.235-33.402c6.333-2.314 12.85-1.288 17.597 3.64zm-10.895 3.305c-11.688 1.135-11.204 18.505-.526 19.576c14.857 1.49 14.105-20.895.526-19.576M86.078 34.936H59.885c-.443.316-.131 1.347-.007 1.858c1.999 8.236 13.655 9.796 17.809 2.515l6.785 3.134c.699.634-1.03 2.785-1.505 3.359c-3.56 4.308-10.006 6.204-15.462 5.771c-23.52-1.865-22.752-39.627 3.469-37.914c10.685.698 16.978 11.213 15.104 21.277m-9.231-6.472c-.362-9.14-13-10.496-16.427-2.238c-.233.564-.835 1.835-.304 2.238zM189.933 5.578v12.25c1.578-1.934 3.535-3.233 5.997-3.815c6.702-1.584 13.754.952 16.429 7.588c.335.832 1.112 3.19 1.112 3.97v25.311h-8.769V27.883c0-.39-.78-2.202-1.032-2.665c-2.656-4.884-10.239-4.93-12.856.081c-.208.398-.881 2.044-.881 2.353v23.23h-8.77V7.427zm-71.103 17.54l-6.321 3.01c-1.68-3.819-6.141-6.43-10.27-5.18c-2.58.781-3.948 3.855-1.597 5.767c2.26 1.835 8.186 2.632 11.144 3.862c11.027 4.581 8.839 18.364-2.607 20.666c-8.094 1.628-17.398-1.765-20.09-10.063l6.691-3.008c1.698 4.605 7.191 7.788 11.998 6.121c2.758-.957 3.722-4.357 1.235-6.081c-2.301-1.598-7.147-2.21-9.951-3.209c-3.898-1.389-7.724-4.555-8.124-8.968C89.607 11.27 111.98 9.703 118.121 21c.252.464.993 1.673.709 2.121z"/><path d="M48.925.261V7.89c-4.595-.883-9.305 1.065-8.308 6.472h8.077v7.512l-.346.347h-7.962V50.88h-8.538V10.085c0-.252.713-2.178.881-2.584C35.395 1.114 42.551-.76 48.925.26M24.686 14.362v36.174l-.346.347h-8.423V16.558zm108.006 0v36.52h-8.423l-.346-.346V16.558z"/></g></svg>

Lifesight Light アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:lifesight-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:lifesight-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:lifesight-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--lifesight-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:lifesight-light"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:lifesight-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/lifesight-light.svg" alt="Lifesight Light アイコン" width="24" height="24">

Lifesight Light アイコンのよくある質問

Lifesight Light アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Lifesight Light アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:lifesight-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Lifesight Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/lifesight-light.svg" alt="Lifesight Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →