Lifesaver アイコン
carbon:lifesaver
Lifesaver アイコン(carbon:lifesaver)は、Carbon セットの無料 SVG アイコンです（作者: IBM）。 32 × 32 のグリッドで描かれています。 Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28.226 22.812a13.97 13.97 0 0 0 0-13.624L28.414 9a2 2 0 0 0 0-2.828l-2.586-2.586a2.003 2.003 0 0 0-2.828 0l-.188.187a13.97 13.97 0 0 0-13.624 0L9 3.586a2 2 0 0 0-2.828 0L3.586 6.172a2 2 0 0 0 0 2.828l.188.188a13.97 13.97 0 0 0 0 13.625L3.586 23a2 2 0 0 0 0 2.828l2.586 2.586a2 2 0 0 0 2.828 0l.188-.188a13.97 13.97 0 0 0 13.624 0l.188.188a2 2 0 0 0 2.828 0l2.586-2.586a2 2 0 0 0 0-2.828ZM28 16a12 12 0 0 1-1.255 5.332l-3.894-3.896a7 7 0 0 0 0-2.873l3.894-3.895A12 12 0 0 1 28 16m-1-8.414l-4.935 4.934a7.04 7.04 0 0 0-2.585-2.585L24.414 5ZM16 21a5 5 0 1 1 5-5a5.006 5.006 0 0 1-5 5m5.315-15.73l-3.879 3.88a7 7 0 0 0-2.873 0l-3.878-3.88a12.25 12.25 0 0 1 10.63 0M7.585 5l4.935 4.935a7.05 7.05 0 0 0-2.585 2.585L5 7.587ZM4 16a12 12 0 0 1 1.255-5.331l3.894 3.895a7 7 0 0 0 0 2.873L5.255 21.33A12 12 0 0 1 4 16m3.586 11L5 24.414l4.935-4.934a7.04 7.04 0 0 0 2.585 2.586Zm3.099-.27l3.878-3.879a7 7 0 0 0 2.873 0l3.88 3.879a12.25 12.25 0 0 1-10.631 0m13.73.27l-4.935-4.935a7.05 7.05 0 0 0 2.585-2.585L27 24.414Z"/></svg>Lifesaver アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:lifesaver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:lifesaver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:lifesaver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--lifesaver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:lifesaver"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:lifesaver"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/carbon/lifesaver.svg" alt="Lifesaver アイコン" width="24" height="24">他のアイコンセットの Lifesaver アイコン
Lifesaver アイコン のよくある質問
Lifesaver アイコンは商用利用でも無料ですか?
はい。Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lifesaver アイコンを使うには?
@iconify/react をインストールして <Icon icon="carbon:lifesaver" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lifesaver アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/carbon/lifesaver.svg" alt="Lifesaver アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。