ICONYZ
日本語
Health Icons の Medium Level Outline アイコン

Medium Level Outline アイコン

healthicons:medium-level-outline

Medium Level Outline アイコン(healthicons:medium-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
カテゴリ
記号
タグ
mediumlevel、leveloutline、mediumleveloutline、medium 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.477 3.477l-.012.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="m22.996 23.884l-2.37 13.82c-.028.392.088.781.326 1.094l1.923 2.212c1.125.49 1.625.49 2.568 0l1.922-2.212c.238-.313.354-.702.326-1.094L25.31 23.902c-.145-1.997-2.17-2.015-2.314-.018m2.666 13.825l-1.508-8.742l-1.5 8.742l1.411 1.622c.077.026.124.038.15.043zm-1.477 1.673l.01-.002zm-.886-15.44v-.003z" clip-rule="evenodd"/></g></svg>

Medium Level Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →