Infinity アイコン

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

はい。Typicons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

typcn:infinity

Infinity アイコン(typcn:infinity)は、Typicons セットの無料 SVG アイコンです（作者: Stephen Hutchings）。 24 × 24 のグリッドで描かれています。 Typicons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Typicons
作者: Stephen Hutchings
ライセンス: CC-BY-SA-4.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.433 8.596a4.28 4.28 0 0 0-3.036 1.246l-1.396 1.34l-1.375-1.32a4.3 4.3 0 0 0-3.055-1.266a4.3 4.3 0 0 0-3.053 1.266a4.3 4.3 0 0 0-1.267 3.055c0 1.152.449 2.238 1.266 3.053a4.3 4.3 0 0 0 3.054 1.266a4.27 4.27 0 0 0 3.036-1.248l1.395-1.338l1.376 1.32c.815.816 1.901 1.266 3.055 1.266s2.238-.449 3.053-1.266c.817-.814 1.267-1.9 1.267-3.055s-.449-2.238-1.266-3.055a4.3 4.3 0 0 0-3.054-1.264m-7.576 5.605c-.687.688-1.884.688-2.572 0a1.8 1.8 0 0 1-.533-1.285c0-.486.189-.941.535-1.287c.342-.344.799-.533 1.284-.533s.942.189 1.305.551l1.321 1.27zm8.861 0c-.687.689-1.866.705-2.59-.018l-1.321-1.27l1.339-1.285c.688-.688 1.886-.688 2.573-.002c.344.346.533.801.533 1.287s-.19.944-.534 1.288"/></svg>

Infinity アイコンの使い方

React

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

<Icon icon="typcn:infinity" width="24" />

Vue

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

<template>
  <Icon icon="typcn:infinity" width="24" />
</template>

Svelte

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

<Icon icon="typcn:infinity" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--infinity]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:infinity"></div>

Web コンポーネント

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

<iconify-icon icon="typcn:infinity"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/typcn/infinity.svg" alt="Infinity アイコン" width="24" height="24">

Typicons の関連アイコン

他のアイコンセットの Infinity アイコン

Infinity アイコンのよくある質問

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

はい。Typicons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Typicons をすべて見る →