Life Ring アイコン

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

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

nimbus:life-ring

Life Ring アイコン(nimbus:life-ring)は、Nimbus セットの無料 SVG アイコンです（作者: Linkedstore S.A.）。 24 × 24 のグリッドで描かれています。 Nimbus icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Nimbus
作者: Linkedstore S.A.
ライセンス: MIT
サイズ: 24 × 24
タグ: lifering

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 .5A7.77 7.77 0 0 0 0 8a7.77 7.77 0 0 0 8 7.5A7.77 7.77 0 0 0 16 8A7.77 7.77 0 0 0 8 .5m5.38 3.73l-1.59 1.6A4.4 4.4 0 0 0 10 4.3l1.6-1.58a6.5 6.5 0 0 1 1.78 1.51M8 10.9A3.07 3.07 0 0 1 4.8 8A3.07 3.07 0 0 1 8 5.1A3.07 3.07 0 0 1 11.2 8A3.07 3.07 0 0 1 8 10.9m2.39-8.74L8.65 3.89H7.36L5.64 2.14A7.4 7.4 0 0 1 8 1.75a7 7 0 0 1 2.39.41m-5.95.54L6 4.29a4.45 4.45 0 0 0-1.79 1.53l-1.6-1.58A6.5 6.5 0 0 1 4.44 2.7M1.91 5.3L3.67 7a3.8 3.8 0 0 0-.12 1a4.3 4.3 0 0 0 .1.88l-1.77 1.76a5.85 5.85 0 0 1 0-5.34zm.66 6.41l1.61-1.59A4.34 4.34 0 0 0 6 11.71L4.44 13.3a6.4 6.4 0 0 1-1.87-1.59m3.07 2.15l1.72-1.75H8a6 6 0 0 0 .71-.05l1.73 1.73a7.3 7.3 0 0 1-2.44.46a7.4 7.4 0 0 1-2.36-.39m6-.6l-1.58-1.58a4.35 4.35 0 0 0 1.77-1.57l1.6 1.6a6.7 6.7 0 0 1-1.79 1.55m2.48-2.63l-1.77-1.76a3.6 3.6 0 0 0 .1-.87a3.8 3.8 0 0 0-.12-1l1.76-1.7a5.83 5.83 0 0 1 0 5.33z"/></svg>

Life Ring アイコンの使い方

React

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

<Icon icon="nimbus:life-ring" width="24" />

Vue

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

<template>
  <Icon icon="nimbus:life-ring" width="24" />
</template>

Svelte

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

<Icon icon="nimbus:life-ring" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[nimbus--life-ring]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/nimbus -->
<div class="i-nimbus:life-ring"></div>

Web コンポーネント

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

<iconify-icon icon="nimbus:life-ring"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/nimbus/life-ring.svg" alt="Life Ring アイコン" width="24" height="24">

他のアイコンセットの Life Ring アイコン

Life Ring アイコンのよくある質問

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

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

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

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

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

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

Nimbus アイコンをすべて見る →