Low Level Outline アイコン

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

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

healthicons:low-level-outline

Low Level Outline アイコン(healthicons:low-level-outline)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 48 × 48
カテゴリ: 記号
タグ: lowlevel、leveloutline、lowleveloutline、low level2x outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M6.109 24a17.93 17.93 0 0 1 4.956-10.52l3.056 3.055l1.415-1.414l-3.001-3A17.93 17.93 0 0 1 23 8.027V13h2V8.027a17.92 17.92 0 0 1 10.465 4.094L32.585 15L34 16.414l2.935-2.935A17.93 17.93 0 0 1 41.891 24h-4.207v2H42a17.9 17.9 0 0 1-4.106 11.427l-3.42-3.42l-1.415 1.414l3.478 3.477l-.013.012l1.391 1.437A19.93 19.93 0 0 0 44 25.99C44 14.95 35.045 6 24 6S4 14.949 4 25.99a19.92 19.92 0 0 0 5.79 14.065l1.42-1.407l-.019-.02l3.006-3.005l-1.414-1.414l-2.919 2.918A17.9 17.9 0 0 1 6 26h4.053v-2z"/><path fill-rule="evenodd" d="m11.566 31.136l12.927 5.433c.375.116.78.091 1.14-.07l2.588-1.373c.732-.985.845-1.472.58-2.501l-1.72-2.373a1.62 1.62 0 0 0-.991-.565l-13.983-.8c-1.978-.311-2.454 1.657-.541 2.25m14.07.529l-8.857-.508l8.177 3.437l1.899-1.007c.042-.07.064-.113.075-.136zm1.295 1.816v-.009zm-15.24-2.628h-.004z" clip-rule="evenodd"/></g></svg>

Low Level Outline アイコンの使い方

React

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

<Icon icon="healthicons:low-level-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:low-level-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:low-level-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--low-level-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:low-level-outline"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:low-level-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/low-level-outline.svg" alt="Low Level Outline アイコン" width="24" height="24">

Health Icons の関連アイコン

Low Level Outline アイコンのよくある質問

Low Level Outline アイコンは商用利用でも無料ですか?

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

React で Low Level Outline アイコンを使うには?

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

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

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

Health Icons をすべて見る →