Inngest Light アイコン

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

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

thesvg-color:inngest-light

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 100 × 30
タグ: inngestlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="30" viewBox="0 0 100 30"><path fill-rule="evenodd" d="M.928.729Q0 1.458 0 2.769q0 1.297.928 2.026q.928.73 2.184.73q1.243 0 2.163-.737q.92-.736.92-2.019q0-1.311-.92-2.04Q4.354 0 3.112 0Q1.856 0 .928.729m4.931 6.078H.336V21.31H5.86zM7.11 21.31V6.559h4.865l.248 1.618A5.3 5.3 0 0 1 14.37 6.66a6.6 6.6 0 0 1 2.368-.452h.146q.979.015 1.804.226t1.57.714q.747.504 1.272 1.283q.525.78.833 1.975t.307 2.726v8.177h-5.51v-8.148q0-1.268-.599-1.859q-.6-.59-1.476-.59q-1.065 0-1.804.736q-.738.736-.738 2.106v7.755zM23.713 6.559v14.75h5.436v-7.754q0-1.37.738-2.106t1.804-.736q.878 0 1.476.59q.6.59.6 1.859v8.147h5.508v-8.176q0-1.531-.307-2.726t-.833-1.975a4.7 4.7 0 0 0-1.271-1.283a5 5 0 0 0-1.57-.714a7.7 7.7 0 0 0-1.806-.226h-.146q-1.183 0-2.367.452a5.3 5.3 0 0 0-2.148 1.516l-.248-1.618zm16.536 7.106q0-2.259 1.103-3.994a7.2 7.2 0 0 1 2.966-2.645q1.863-.91 4.157-.911q1.55 0 3.054.554l1.202-1.52q.243-.31.391-.506l2.546.622l1.428 2.22l-1.914 2.26q1.418 1.573 1.418 3.687v.291a5.86 5.86 0 0 1-.73 2.697a6.44 6.44 0 0 1-1.974 2.2q.95.54 1.586 1.21q.636.671.899 1.32t.343 1.07q.08.425.08.846q0 1.386-.467 2.507q-.468 1.123-1.264 1.866q-.797.742-1.885 1.246a9.5 9.5 0 0 1-2.272.722q-1.184.218-2.499.218q-3.96 0-6.064-1.938q-1.9-1.75-1.9-4.679q0-.306.015-.627h5.173v.102q0 .718.176 1.221l.028.076q.206.584.621.875q.417.291.884.408q.468.117 1.067.117q1.155 0 1.943-.547q.79-.546.79-1.567q0-.889-.636-1.428q-.611-.518-1.932-.539h-.106q-3.741 0-5.984-2.012q-2.243-2.01-2.243-5.422m6.173 2.07q-.81-.795-.81-2.092q0-1.429.803-2.238q.804-.809 2.06-.809q1.2 0 1.995.89q.795.888.796 2.157q0 1.4-.803 2.142q-.804.744-1.987.744q-1.243 0-2.053-.795M57.4 13.962q0-1.56.474-2.864q.475-1.304 1.272-2.193A7.7 7.7 0 0 1 61 7.397a8.3 8.3 0 0 1 2.229-.904q1.169-.285 2.396-.284q1.972 0 3.587.634t2.682 1.83q1.066 1.194 1.475 2.915q.172.727.177 1.53l-.001.16q0 1.035-.249 2.216h-10.33q.277.903 1.27 1.392q.994.488 2.032.488q2.191 0 3.799-1.195l2.689 3.017a8.7 8.7 0 0 1-3.047 1.83q-1.746.619-3.69.619q-1.797 0-3.324-.452a8.4 8.4 0 0 1-2.725-1.363q-1.198-.91-1.885-2.412q-.686-1.501-.686-3.455m10.958-1.996h-5.362q.101-.686.68-1.152q.577-.466 1.336-.568a5.6 5.6 0 0 1 1.49.014q.747.117 1.28.576q.533.46.576 1.13m5.212 7.798l1.797-4.009q1.038.671 2.119 1.057q1.08.386 1.688.466q.606.08 1.424.124q1.505 0 1.505-.714q0-.685-1.563-.816a11.6 11.6 0 0 1-1.776-.19a8 8 0 0 1-1.702-.524a5.7 5.7 0 0 1-1.468-.897a4 4 0 0 1-1.008-1.363q-.388-.83-.388-1.865q0-1.283.57-2.245a4.1 4.1 0 0 1 1.549-1.509a8 8 0 0 1 2.163-.808a11.7 11.7 0 0 1 2.542-.263q1.769 0 3.36.481q1.594.48 2.69 1.312l-2.338 3.28q-.564-.358-1.581-.61l-.13-.032q-1.05-.262-1.913-.262h-.088q-1.315 0-1.315.729q0 .263.256.48q.239.205.776.23l.078.004q1.023.03 1.9.16a9.4 9.4 0 0 1 1.805.466q.927.336 1.585.86q.657.525 1.074 1.393q.417.866.416 1.989q0 1.064-.372 1.917a4 4 0 0 1-1.016 1.42a5.7 5.7 0 0 1-1.534.956a8 8 0 0 1-1.878.553q-.985.168-2.082.168q-1.972 0-3.945-.517q-1.973-.518-3.2-1.421M87.857 6.646v4.213h2.367v5.087q-.015 1.195.248 2.142q.292 1.05.79 1.713q.496.663 1.212 1.093t1.505.605a8 8 0 0 0 1.71.175q2.512 0 4.252-.991l-1.199-4.067q-.788.51-1.607.51q-1.432 0-1.476-1.428v-4.84h3.361V6.647h-3.331V2.39l-5.465.598v3.658z" clip-rule="evenodd"/></svg>

Inngest Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

theSVG Color の関連アイコン

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

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

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

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

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

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

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

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